Loading

easyui

EasyUI常用控件的易错点

datagrid

  1. 展示数据问题
    1.1. 用getJSON获取整个表单的数据,然后用data关键字,往每个字段添加数据,前提是后台封装好的。
    1.2. 用url直接从后台获取,但是后台封装数据的格式有一定的要求,必须有rows这个变量,然后将其他的数据封装到这个变量里。做成json数组的格式。
  2. datagrid和combobox混合使用,做可编辑的表格。
    2.1. 这个功能的实现不是很难,但是有个地方必须注意。如果combobox的值是提前获取的话,会产生datagrid提交的是字面值而不是value值。这个需要在提交前做个一一兑换的。(这个是初期使用easyUI遇到的问题,下面的方法完全可以避免这个问题)
    2.2. 所有的数据获取都直接用url的方式获取。

combobox

  1. combobo取值问题
    combobox需要的是一个直接的json格式数据。struts2可以直接配置一个变量为root的格式,这样就可以单独的将这个值以json的格式返回给前台,这个值得类型为arraylist类型。
  2. combobox默认值问题
    combobox的默认值可以用selected选中,需要在后台给查到的记录添加一个状态值。可以在sql上做处理。
  3. combobox中valueField为0的问题
    combobox遇到valueField为0的时候默认将其设置为默认值。还有一点combobox的value属性,如果是valueField的值话,则默认选中,如果是不是的话,则是combobox展示的字段,比如’–请选择–’这样的提示性话语。但是如果这个combobox的multiple属性设置为true时,这个提示性的话语就会当成值向后台传递。而且选择的时候不会此值不会消除。所以valueField对应的值尽量避免出现0值,如果不可避免的话,在数据出入数据库的时候做些变化。(如果有其他的方法请告诉我)

Tree

  1. 状态值
    state属性的’open’,’closed’值决定了此树还是否能继续展开,即决定了是否是数据的叶子节点。
  2. 自动添加参数
    当点击’closed’状态的tree时候,easyUI会自动在对应的请求url后面加上一个nodeid这样可以保证动态的产生数据。

layout

  1. div布局和iframe的问题
    layout的布局是用div实现的,可以避免父子页面传递大量数据调用麻烦的情况。但是其缺点是所有的代码必须写在一个js中,才能控制弹窗居中显示,全屏遮罩。
  2. 控制div的最大范围
    这里需要说明一个属性maxHeight.这个可以控制div最大的高度值。当然也有一个最小的控制。因为自己做的项目中出现了,north的div扩大,占据south的div现象。

validatebox

  1. 验证数据的正则表达式
    这个控件是基础控件,当需要验证某个字段的时候,只要将正则表达式的规则引入到validType的这个属性下即可。关于正则表达式,可以在网上搜索。。

summarize

这些都是自己在开发中遇到的问题,写下来供以后翻阅查看。如果中间有错误的地方,或者更好的方法,希望大家指正说明。共同学习。。

posted @ 2015-06-30 08:59  zvaljean  阅读(173)  评论(0编辑  收藏  举报