easyui
2015-06-30 08:59
330 查看
EasyUI常用控件的易错点
datagrid
展示数据问题1.1. 用getJSON获取整个表单的数据,然后用data关键字,往每个字段添加数据,前提是后台封装好的。
1.2. 用url直接从后台获取,但是后台封装数据的格式有一定的要求,必须有rows这个变量,然后将其他的数据封装到这个变量里。做成json数组的格式。
datagrid和combobox混合使用,做可编辑的表格。
2.1. 这个功能的实现不是很难,但是有个地方必须注意。如果combobox的值是提前获取的话,会产生datagrid提交的是字面值而不是value值。这个需要在提交前做个一一兑换的。(这个是初期使用easyUI遇到的问题,下面的方法完全可以避免这个问题)
2.2. 所有的数据获取都直接用url的方式获取。
combobox
combobo取值问题combobox需要的是一个直接的json格式数据。struts2可以直接配置一个变量为root的格式,这样就可以单独的将这个值以json的格式返回给前台,这个值得类型为arraylist类型。
combobox默认值问题
combobox的默认值可以用selected选中,需要在后台给查到的记录添加一个状态值。可以在sql上做处理。
combobox中valueField为0的问题
combobox遇到valueField为0的时候默认将其设置为默认值。还有一点combobox的value属性,如果是valueField的值话,则默认选中,如果是不是的话,则是combobox展示的字段,比如’–请选择–’这样的提示性话语。但是如果这个combobox的multiple属性设置为true时,这个提示性的话语就会当成值向后台传递。而且选择的时候不会此值不会消除。所以valueField对应的值尽量避免出现0值,如果不可避免的话,在数据出入数据库的时候做些变化。(如果有其他的方法请告诉我)
Tree
状态值state属性的’open’,’closed’值决定了此树还是否能继续展开,即决定了是否是数据的叶子节点。
自动添加参数
当点击’closed’状态的tree时候,easyUI会自动在对应的请求url后面加上一个nodeid这样可以保证动态的产生数据。
layout
div布局和iframe的问题layout的布局是用div实现的,可以避免父子页面传递大量数据调用麻烦的情况。但是其缺点是所有的代码必须写在一个js中,才能控制弹窗居中显示,全屏遮罩。
控制div的最大范围
这里需要说明一个属性maxHeight.这个可以控制div最大的高度值。当然也有一个最小的控制。因为自己做的项目中出现了,north的div扩大,占据south的div现象。
validatebox
验证数据的正则表达式这个控件是基础控件,当需要验证某个字段的时候,只要将正则表达式的规则引入到validType的这个属性下即可。关于正则表达式,可以在网上搜索。。
summarize
这些都是自己在开发中遇到的问题,写下来供以后翻阅查看。如果中间有错误的地方,或者更好的方法,希望大家指正说明。共同学习。。相关文章推荐
- 解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象
- 【最大团】【HDU1530】【Maximum Clique】
- 【最大团】【HDU1530】【Maximum Clique】
- Material UI:非常强大的CSS框架
- EasyUIControl(一个可以简化ui界面的组件库
- easyui使用datagrid时列名包含特殊字符导致表头与数据错位的问题
- 解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象
- UML期末复习题——2.5:System Sequence Diagram & Post-condition
- Easyui Tree方法扩展 - getLevel(获取节点级别)
- JAVA 并发:CLH 锁 与 AbstractQueuedSynchronizer
- 连接UI到代码
- 【NGUI】NGUI血条制作,当人物移出屏幕后不显示血条,优化代码
- UIView中 setNeedsDisplay和setNeedsLayout
- 在EasyUI的DataGrid中嵌入Combobox
- 数据库的查询QueryDb
- Flex开发实战(二)--Flash Builder 4.7下载和安装及破解方法
- UIView 基本动画方法
- java枚举类Enum方法简介(valueof,value,ordinal)
- IOS跟我学——UI篇——第一个IOS程序
- Flex开发实战(二)--Flash Builder 4.7下载和安装及破解方法