这篇开始介绍,在datagrid 里面使用的标签
先来一个全家福
包括,列,删除,函数,工具条等多个标签,下面我们一个一个来介绍
第一个自然是最重要的column
1.DataGridColumnTag 我数了下27个属性,这个表示鸭梨山大啊,还好我可以跳过不少
1.1 title ,1.2 field 这个我就不解释了,嘿嘿
1.3 width 这个我说明下,之前我自己测试的时候加上这个属性,easyui的拖动好像就有问题了,所以还是让他自适应吧
1.4rowspan ,1.5colspan 好像没有使用 哎
1.6 align 数据对其方式,可选值有left,right,center
1.7 sortable 这一列是不是可以排序
1.8checkbox 这个值同样没有实现,被datagrid 里面的checkbox统一管理了
1.9formatter 日期 格式化函数 new Date().format('"+column.getFormatter()+"',value);}")
1.10hidden 这个大家应该也比较熟悉了 id基本上都是被隐藏的行
1.11 replace替换函数 这个现在经常被字典代替,不过我倒是比较喜欢使用,简单
当这个cell的值是Y的时候就显示是,是N的时候就显示否
1.12 treefield 标签解释为:树形菜单对应字段 我表示也不大懂,所以去源码看了下
这个标签是和后天对应的,这个处理如果大家搞不懂经参考function这个控制器
1.13 image
这一列就会显示为图片
1.14 imageSize 图片大小 格式是width,height
效果和上面差距比较大
上面没有大小明显是自适应 下面的就不一样的
1.15 query 默认false 是不是添加查询框
1.16 queryMode 查询方式 single(默认:单字段查询),group(范围查询) 最常用的就是日期查询
没有找到演示的,拿日志演示吧
缺少一个 querywidth选项
效果
注释:这里group的查询方法后台没有默认的查询方法,请自己添加查询
1.17 frozenColumn 冰冻列,就是固定而不滚动的列,这个例子没有找到拿了个easyui的
1.17 funname,url自定义函数 这个要和url一起用,返回的是点击事件
这样点击的时候就会调用courseTest这个函数( 这个有个要优化的地方)
1.18 dictionary 字典 (先留着)
1.19 extend input 的扩展属性 (不会用)
1.20 style 这个cell的style 有这个功能第一个
直接设置 \效果
第二个根据值设置
1.21 autocomplete 自动完成标签 这个标签在datagrid有过介绍 就是entityName可能需要设置
true 自动补全,false不补全,默认false 填写当前字段,最少输入两个字才触发
效果
1.22 downloadName 下载标签
先写到这里吧,本来打算写完的,没想到这么长,下一篇再继续介绍吧