首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏携程技术

    干货 | 携程动态表单DynamicForm的设计与实现

    为了让开发人员更加专注于组件本身的逻辑处理,我们开发了DynamicForm动态表单配置系统,可以通过拖拽的方式,快速创建一个表单。 DynamicForm是由携程市场营销”活动平台”及”会员平台”共同设计的React表单组件,它包括表单可视化设计、校验、预览、渲染等功能。 因此我们开发了动态表单2.0(DynamicForm)。 为了达到表单配置的灵活性,DynamicForm必须满足以下几个条件: 1)丰富的表单控件类型 DynamicForm包含了以下内容,满足了多样化的配置要求。 四、后续计划 DynamicForm将作为独立的npm模块使用,为其他动态表单场景提供公共功能,打造泛应用动态表单。 DynamicForm代码开源,与社区共同交流与进步。

    3.7K20编辑于 2022-03-14
  • 来自专栏更流畅、简洁的软件开发方式

    Attribute(特性),怎么用才更好?

    再看一篇(最后一个了),利用Attribute实现的 MVC动态表单 http://www.cnblogs.com/dozer/archive/2010/08/05/DynamicForm.html ("Create", true, "Edit", false, Order = 3)]         public bool IsDeleted { get; set; }         [DynamicForm ("Create", true, "Edit", false, Order = 1)]         public bool IsExist { get; set; }         [DynamicForm [DynamicForm("Create", true, "Edit", true, Order = 1)]         public string Name         {              [DynamicForm("Create", true, "Edit", true, Order = 2)]         public int Age         {             get

    90390发布于 2018-02-26
  • 来自专栏前端开发

    Vue 动态添加 HTML 元素使用方法及组件封装详细指南

    -- DynamicForm.vue --><template>

    <slot name="header"></slot> <div value: field.value }))); } }}</script>使用示例<template>

    使用动态表单组件

    <DynamicForm <template #footer>

    点击添加字段可增加更多输入框

    </template> </DynamicForm >
    </template><script>import DynamicForm from '. /components/DynamicForm.vue';export default { components: { DynamicForm }, methods: { handleSubmit

    58110编辑于 2025-06-01
  • 来自专栏开发经验

    Vue3 Element-Plus 一站式生成动态表单:简化前端开发流程

    <template> <el-form :model="formData" :rules="formRules" ref="<em>dynamicForm</em>"> <el-form-item v-for $refs.dynamicForm.validate((valid) => { if (valid) { // 表单验证通过,可以提交数据或执行其他操作 5.3 使用动态表单组件 在父组件中使用刚刚创建的DynamicForm组件,并传入动态生成表单的配置。 <dynamic-form :formFields="dynamicFormConfig"></dynamic-form>

    </template> <script> import DynamicForm from "@/components/DynamicForm.vue"; export default { components: { DynamicForm, }, data(

    2.4K21编辑于 2023-12-14
  • 来自专栏web前端

    smartClient 2--可视化组件

    [ {salutation: "Ms", firstname: "Kathy"}, {salutation: "Ms", firstname: "Kathy"}, ]; //DynamicForm 的格式显示 isc.DynamicForm.create({......同上});          g. field)或者说控件的默认类型(editorType)是text ) //editorType: text select date checkbox radioGroup textArea isc.DynamicForm.create contactsList", left: 50, top: 50, width: 500, dataSource: contactsDS }); isc.DynamicForm.create

    54600发布于 2018-07-31
  • 来自专栏web前端

    smartClient 2--可视化组件

    [ {salutation: "Ms", firstname: "Kathy"}, {salutation: "Ms", firstname: "Kathy"}, ]; //DynamicForm 的格式显示 isc.DynamicForm.create({......同上});          g. field)或者说控件的默认类型(editorType)是text ) //editorType: text select date checkbox radioGroup textArea isc.DynamicForm.create contactsList", left: 50, top: 50, width: 500, dataSource: contactsDS }); isc.DynamicForm.create

    90090发布于 2018-01-09
  • 来自专栏sktj

    python 动态GUI表单生成器 脚本***

    # override if need Tk().quit() # default is exit class DynamicForm len(sys.argv) == 1: Form(['Name', 'Age', 'Job']) # precoded fields, stay after submit else: DynamicForm

    87620编辑于 2022-05-13
  • 来自专栏Vamei实验室

    来玩Play框架04 表单

    增添负责处理该URL的动作,Application.postForm() public static Result postForm() { DynamicForm in = Form.form ().bindFromRequest(); String result = in.get("content"); return ok(result); } DynamicForm和 Form.form().bindFormRequest()从请求中提取表单信息,并放入到DynamicForm类型的in对象中。 我上面用get()方法,来提取表单中不同名字的输入栏。

    1.2K100发布于 2018-01-18
  • 来自专栏葡萄城控件技术团队

    增强金蝶云星空的数据分析能力,实现BI 分析功能

    using Kingdee.BOS.Core.DynamicForm.PlugIn; using Kingdee.BOS.Core.DynamicForm.PlugIn.Args; using

    1.4K10编辑于 2023-05-07
  • 来自专栏python3

    k3cloud开发实例

    引用相关组件(参照组件引用规则); 增加using: C# using Kingdee.BOS.Core.Bill.PlugIn; using Kingdee.BOS.Core.DynamicForm; using Kingdee.BOS.Core.DynamicForm.PlugIn.Args; 4.     命名空间 命名空间 Kingdee.BOS.Core.DynamicForm.PlugIn 主要类及说明: ClassDescription AbstractDynamicFormDataBinder 和校验器配合使用 运行于App层 命名空间 Kingdee.BOS.Core.DynamicForm.PlugIn 继承体系 所有服务插件都应继承自抽象服务插件类。 插件模型继承自抽象类服务插件Kingdee.BOS.Core.DynamicForm.PlugIn.AbstractOperationServicePlugIn 接口 接口 IOperationServicePlugIn

    5.2K12发布于 2020-01-07
  • 来自专栏hml_知识记录

    动态表单的设计与实现(基于Vue ElementUI)

    template> </el-form-item> </template> </el-form> export default { name: 'dynamicForm template> </el-form-item> </template> </el-form> export default { name: 'dynamicForm

    4K40编辑于 2022-03-22
  • 来自专栏sktj

    python ftp下载文件 脚本

    # override if need Tk().quit() # default is exit class DynamicForm

    1.4K10编辑于 2022-05-13
  • AI驱动的代码自动化:腾讯云智能体开发平台 × DeepSeek提供全新视角

    required', 'minLength:8'] }, { type: 'captcha', src: '/api/captcha', refreshable: true }];function DynamicForm

    38810编辑于 2025-03-24
  • 来自专栏python3

    k3cloud单据插件

    命名空间 Kingdee.BOS.Core.Bill.PlugIn 继承体系 System.Object Kingdee.BOS.Core.DynamicForm.PlugIn.AbstractDynamicFormPlugIn

    1.3K10发布于 2020-01-08
  • 来自专栏携程技术

    干货 | 携程微信小程序如何进行Size治理

    【推荐阅读】 30+条业务线,携程微信小程序如何协同开发 从47%到80%,携程酒店APP流畅度提升实践 携程动态表单DynamicForm的设计与实现 开源 | 携程 Foxpage 前端低代码框架

    86720编辑于 2022-06-13
  • 来自专栏编程小白狼

    JavaScript中保持对象键名顺序的方法:超越数组的思考

    getResponsesInOrder() { return Array.from(this.responses.entries()); } } 案例2:UI组件按添加顺序渲染 class DynamicForm

    13810编辑于 2025-12-18
  • 来自专栏携程技术

    干货 | 携程机票前端Svelte生产实践

    https://www.zhihu.com/question/53150351 【推荐阅读】 携程动态表单DynamicForm的设计与实现 开源 | 携程 Foxpage 前端低代码框架 秒开率70%

    2.7K10编辑于 2022-06-06
  • 来自专栏Seebug漏洞平台

    原创Paper | 从入门 .NET 到分析金蝶反序列化漏洞学习笔记

    Kingdee.BOS.ServiceFacade.ServicesStub.DataMigration Kingdee.BOS.ServiceFacade.ServicesStub.DB Kingdee.BOS.ServiceFacade.ServicesStub.DynamicForm

    1.9K10编辑于 2023-08-23
  • AI辅助开发实战:GitHub Copilot高效生成组件与ChatGPT调试代码技巧

    **核心组件开发**(2小时) ```jsx // Copilot根据注释生成基础组件结构 const DynamicForm = ({ config, onSubmit }) => { const

    31310编辑于 2025-12-15
  • React 状态丢失:组件 key 用错引发的渲染异常

    /div> ))}

    );}4.2 动态表单的Key管理动态表单是key使用最复杂的场景之一,需要处理字段的增删改查:// 动态表单的完整key管理方案function DynamicForm

    23610编辑于 2025-08-29
  • 领券