extjs自定义表单设计

2024-10-26

21、手把手教你Extjs5（二十一）模块Form的自定义的设计

前面几节完成了模块Grid的自定义,模块Form自定义的过程和Grid的过程类似,但是要更复杂一些.先来设计一下要完成的总体目标. 1､可以有多个Form方案,对应于显示.新增.修改.审核.审批等功能: 2､对于上述各种功能可以选择不同的Form方案,比如说修改可以有几个方案,各个操作员可以选择他们感兴趣的Form方案来进行数据的修改. 3､每个Form方案中可以定义若干个字段分组(FieldSet或FieldContainer). 4､每个字段分组中可以放置若干个字段. 5､每个Form方案可

【.net+jquery】绘制自定义表单（含源码）

前言两年前在力控的时候就想做一个类似的功能,当时思路大家都讨论好了,诸多原因最终还是夭折了.没想到两年多后再这有重新提出要写一个绘制表单的功能.对此也是有点小激动呢?总共用时8.5天的时间基本功能也就实现了,当然再者中间也借用了网上的一些资料,公司前端也没有帮忙处理,所以样式和部分功能还没有更好地得到处理,github上出的code只有前端脚本,至于后端的处理,会在博客中体现出来. 1.工作前准备 1.1.实现的思路思路一: (1)ueditor添加自定义按钮 (2)绘制表单(控件会触发的脚

activiti自定义流程之整合（三）：整合自定义表单创建模型

本来在创建了表单之后应该是表单列表和预览功能,但是我看了看整合的代码,和之前没有用angularjs的基本没有什么变化,一些极小的变动也只是基于angularjs的语法,因此完全可以参考之前说些的表单列表展示相关的内容,这里也就直接进入到下一个步骤,创建流程模型了. 在之前的创建流程模型一节里,我讲代码比较多,实际上在这里还有很重要的一个环节没有细说,那就是自定义流程图,画流程图的过程也是有不少需要注意的事项的,在这一节我会适当的以截图加解释进行说明. 而在创建流程模型的过程中,因为之前也是用j

activiti自定义流程之自定义表单（二）：创建表单

注:环境配置:activiti自定义流程之自定义表单(一):环境配置在上一节自定义表单环境搭建好以后,我就正式开始尝试自己创建表单,在后台的处理就比较常规,主要是针对ueditor插件的功能在前端进行修改. 由于自己的前端相关技术太渣,因此好多东西都不会用,导致修改实现的过程也是破费了一番功夫,头皮发麻了好几天. 既然是用别人的插件进行修改,那么我想如果只是单独的贴出我修改后的代码,可能没有前后进行对比好理解,因此这里就把原代码和修改后的同时对比着贴出,以便于朋友们能从对比中更快的得到启发.

activiti自定义流程之自定义表单（一）：环境配置

先补充说一下自定义流程整个的思路,自定义流程的目的就是为了让一套代码解决多种业务流程,比如请假单.报销单.采购单.协作单等等,用户自己来设计流程图. 这里要涉及到这样几个基本问题,一是不同的业务需求,流程节点不一样,流程中的任务多少不一样,因此后台就必须解决这个逻辑处理上的问题,要能同一套代码实现动态任务数量的处理. 二是不同的业务各种字段叫法也不一样,各个节点对应的页面也应该不一样,例如请假单就需要请假申请人.请假天数.请假原因等字段,而报销单可能就是报销申请人.报销金额.报销原因.报销凭证等

Winform自定义表单(转)

出处:http://www.newlifex.com/showtopic-167.aspx 好吧,附件真的损坏了,原始代码我也没有了,再提取我也没精力了,不好意思,哪位之前下过可以重发一遍吗?不过即使没有也可以参考下面几个示例很快就可以做出来了...... 最近在做个项目,业务方面较繁琐,用户需要自定义数据库,也就是石头开源的魔方所提供的功能,但winform实现自定义表单,这个......在网上搜索了前人的代码发现以下几个参考意义:http://www.codeproject.com/Arti

roadflow asp.net工作流自定义表单

在roadflow表单设计器不能满足很复杂的业务需求的时候,可以采用自定义表单(即表单页面自己做). 自定义表单就是自己写一个页面,包含控制器视图,然后将这个页面挂到流程上进行审批. 自定义表单分为以下几步: 1.自己写页面示例: 控制器: 自定义表单的表单和数据保存代码都是自己写的,注意页面一定要有一个form,并且设定action(保存表单数据的地址). 如果您的页面包含了ckeditor html编辑器,则相应的textarea要加上model="html"属性,这样才能将ht

Extjs form 表单的 submit

说明:extjs form表单的提交方式是多种多样的,本文只是介绍其中的一种方法,本文介绍的方法可能不是完美的,但是对于一般的应用应该是没有问题的. 本文包括的主要内容有:form面板设计.form字段值的获取.后台处理代码以及返回数据的获取 1.form表单设计 var panelItem = Ext.create('Ext.form.Panel', { border: false, id:'formMain', layout: 'form', items: [ { xtype: 'f

SpreadJS V13.0发布，聚焦表单设计与数据交互，让您的工作效率突飞猛进！

纯前端表格控件SpreadJS,是一款成功应用于华为.招商银行.天弘基金.苏宁易购等国内外知名企业的前端开发工具,其带来的价值不仅体现在帮助开发人员在其Web应用程序中快速构建 Web Excel .数据填报.在线文档.图表公式联动和类 Excel UI 设计等功能模块,更帮助企业大幅降低数据处理成本,提升企业信息化水平和项目交付能力. 伴随着SpreadJS V13.0 的发布,其表单设计与数据交互能力再度增强,产品易用性和数据处理效率大幅提升. 此前的每一次升级,都能给予用户无限惊喜,这一次

angular4 自定义表单验证Validator

表单的验证条件有时候满足不了需求就可以自定义验证唯一要求返回是ValidatorFn export interface ValidatorFn{ (c:AbstractControl):ValidationErrors | null } export declare type ValidationErrors={ [key:string]:any } 由上可以发现: VilidatorFn的参数是AbstrctControl类型,返回类型是ValidatorErrors类型因此在设计自定义表

循序渐进VUE+Element 前端应用开发(27）--- 数据表的动态表单设计和数据存储

在我们一些系统里面,有时候会需要一些让用户自定义的数据信息,一般这些可以使用扩展JSON进行存储,不过每个业务表的显示项目可能不一样,因此需要根据不同的表单进行设计,然后进行对应的数据存储.本篇随笔结合基于Vue+Element实现动态表单的设计.数据录入存储的相关操作. 1.动态表单的设计动态表单的设计一般是基于某个能够动态设计界面的方式实现的,界面上定义对应的说明以及录入数据的方式,如标签后面加上文本,或者多文本等方式.由于我们后台是强类型的数据实体,后端一般不采用动态修改数据库字段的方式

【从零开始学BPM，Day3】自定义表单开发

[课程主题] 主题:5天,一起从零开始学习BPM [课程形式] 1.为期5天的短任务学习 2.每天观看一个视频,视频学习时间自由安排. [第三天课程] 1.课程概要 Step 1 软件下载:H3 BPM10.0全开放免费下载:http://bbs.h3bpm.com/read.php?tid=861&fid=11 Step 2 安装资料:参考本博的“安装资料”分类 Step 3 产品在线帮助浏览:http://bbs.h3bpm.com/read.php?tid=286&fid=11 St

[转]django自定义表单提交

原文网址:http://www.cnblogs.com/retop/p/4677148.html 注:本人使用的Django1.8.3版本进行测试除了使用Django内置表单,有时往往我们需要自定义表单.对于自定义表单Post方式提交往往会带来由CSRF(跨站请求伪造)产生的错误"CSRF verification failed. Request aborted." 本篇博客只要针对"表单提交"和"Ajax提交"两种方式来解决CSRF带来的错误

Dedecms自定义表单后台列表展现方式更改

Dedecms有自定义表单功能,方便我们收集用户信息.个人通常喜欢拿这个功能做问卷调查,在线留言等功能.但是如果使用过这个功能的朋友就会知道,Dedecms自定义表单后台列表展现方式并不好看. 上面就是Dedecms默认的自定义表单列表,怎么样,看起来是否感觉很凌乱?自己这个伪程序猿,伪前端也习惯性的有强迫症,既然看不惯那就行动起来吧.经过一番折腾后效果如下: 修改/你的网站后台(默认dede)/templets/diy_list.htm文件,全部代码如下: <!DOCTYPE html PUB

Vue组件之自定义表单组件

今天又看了一遍vue的文档,记得之前学习的时候,官方文档中有提过,v-model指令是一个语法糖,做两件事,一个是给表单控件元素绑定value,第二个是当输入时更新绑定的值,不过后来在"表单控件绑定"章节却找不到关于这点的介绍了,今天复习的时候在"组件"章节的"使用自定义事件的表单输入组件"小节里发现了这个语法糖的详细描述,特在此记录. vue语法: <input v-model="message"> 实际相当于:

Django初体验（一）:自定义表单提交

注:本人使用的Django1.8.3版本进行测试除了使用Django内置表单,有时往往我们需要自定义表单.对于自定义表单Post方式提交往往会带来由CSRF(跨站请求伪造)产生的错误"CSRF verification failed. Request aborted." 本篇博客只要针对"表单提交"和"Ajax提交"两种方式来解决CSRF带来的错误一.表单提交 Template: <!DOCTYPE html> <html

DedeCMS提交自定义表单加入验证码功能

织梦dedecms网站给自定义表单加dede模板自带验证码的方法. 有时候,我们因为需要给dede网站的自定义表单添加验证码,防止恶意填写表单提交. 我们可以用以下的方法来实现: 首先,我们要找到 /plus/diy.php 这个文件在头部引入文件: require_once(DEDEINC.'/membermodel.cls.php'); 然后找到 elseif($do == 2) { 在这个地方加入代码块 //验证码验证 $svali = GetCkVdValue(); if(preg_

Orchard创建自定义表单

本文链接:http://www.cnblogs.com/souther/p/4520130.html 主目录自定义表单模块可以用来获取网站前台用户的信息.自定义表单需要与一个内容类型结合使用.它可以用来创建"联系我们"以及"订阅"之间称为关联的的部件/页面 .该信息被储存在Orchard中并可以导出. 开启自定义表单模块自定义表单模块与一个内容类型结合使用,以获取前台的输入信息.这种信息被提交后可以存储也可以使用导入导出模块(Import-Export-Modu

activiti自定义流程之整合（四）：整合自定义表单部署流程定义

综合前几篇博文内容,我想在整合这一部分中应该会有很多模块会跳过不讲,就如自定义表单的表单列表那一块,因为这些模块在整合的过程中都几乎没有什么改动,再多讲也是重复无用功. 正因为如此,在创建了流程模型之后,模型列表的展示也是和之前的没有什么区别,而且都是很简单的后台查询以及前台展示,这一部分也就不过多的讲了. 模型列表页面如下: 至于其中的修改和删除也没什么多讲的,删除很简单,而修改也是activiti-modeler实现的主要功能,我们只需要跳转过去就行. 重要的部分在于部署,因为点击部署到达后

activiti自定义流程之自定义表单（三）：表单列表及预览和删除

注:(1)环境配置:activiti自定义流程之自定义表单(一):环境配置 (2)创建表单:activiti自定义流程之自定义表单(二):创建表单自定义表单创建成功,要拿到activiti中使用,自然需要让创建activiti流程的人能够看到究竟有那些表单可用,各表单的效果是什么,因此就需要一个展示页面并提供预览功能.同时,增删改查四大功能是基础,自然都是需要的,我这里没有做表单修改,只简单的实现了删除. 我下载的ueditor插件中有基本的创建和预览代码,因此我就参考这些再度修改,而后实现简

用dedecms自定义表单创建简易自助预约系统

建站往往需要根据客户的需求来增加相应的功能,比如预约.平时用比较多的是织梦系统,那么如何用dedecms自定义表单创建简易自助预约系统呢? 进入dedecms后台,左侧菜单中依次点击“核心” - 频道类型 - 自定义表单 - [增加新的自定义表单] 点击后进入设置模版界面,这里可以不用动直接点击确定.当然名字那里可以修改成“预约”. 点击上图中 “管理” 下的铅笔图标进行编辑进入界面后我们可以通过添加新的字段来设置我们需要的栏目比如我们可以创建,联系人.电话.性别.等相关东西如果是创建联系人

extjs自定义表单设计

热门专题