jQuery+EasyUI实现treegrid/datagride所绑定列只能够输入数字,且保留N位小数
来源:互联网 发布:软件外包项目流程 编辑:程序博客网 时间:2024/04/29 16:22
关于jQuery和EasyUI我就不多做介绍了,都是JS框架,而EasyUI是建立在jQuery的基础之上的框架而已。用过EasyUI的童鞋可能都很习惯性地使用过其treegrid和datagride。这两个东西比asp.net内的列表控件DataTable、Repeater好用多了的。treegrid和datagrid的最大特征就是灵活性够强,数据源都是通过Ajax页面获取,以Json格式返回。
有些时候,我们在项目中需要对treegrid和datagrid的可编辑列的格式有所要求,比如我只能够输入汉字、只能够下拉选择等等。这里就以datagrid的可编辑列只允许输入数字,且保留两位小数为例:
或许一说到这个问题,很多人都会选择直接在table内绑定列,如下:
$('#table').datagrid({ rownumbers: "true", idField: "L_ID", treeField: "L_NAME", nowrap: false, animate: true, collapsible: true, loadMsg: "加载数据,请稍候...", singleSelect: true, columns: [[ { field: 'L_NAME', title: '组织节点名称', width: 200 }, { field: 'L_USERS', title: '成员', width: 400 } ]] });就是直接利用JS往table内附加行的方式,但是如果要在列上要求我只能够输入数字,且保留2为小数或许就不行了吧。这里我采用了是如下:
1、先在table内加上表头,在表头的指定列说明其要求。如下:
<table id="table"> <thead> <tr> <th field = "USER_NAME" width="200"> 成员名称 </th> <th field = "U_WORK" width="100" editor="{type:'numberbox',options:{precision:2}}"> 工作量比重 </th> </tr> </thead> </table>2、然后在将ajax返回过来的Json数据格是以数据源的形式附加到table上,当对某行某列进行编辑的时候,此时的格式要求就会生效。
3、说明:type:numberbox 说明类型为数据类型 options:{precision:2} 说明保留两位小数。
- jQuery+EasyUI实现treegrid/datagride所绑定列只能够输入数字,且保留N位小数
- ios 文本框只能输入数字保留两位小数和只能输入数字
- jquery控制input只能输入数字和两位小数
- input输入框 只能输入数字,并且保留2位小数
- DevExpress的文本框 只能输入保留2位小数的正数字
- 数字输入处理 , 保留两位小数
- php , jquery 保留n位小数
- jquery 只能输入数字和小数
- JS input text只能输入数字且两个小数
- EditText限制 只能输入0.00 -100保留两位小数
- JS实现文本框只能输入两位小数的数字,不显示输入的其它字符
- jquery控制input只能输入数字和两位小数(转)
- iOS设置输入框只能输入正整数或小数,且小数位数不能超过两位
- input输入框只能输入数字且小数点后只能输入两位数字
- jsp 校验数字 保留两位小数 不能输入汉字
- 正则:文本框只能输入数字,最多4位小数
- 【JS】只能输入数字和两位小数的JS
- JS 只能输入数字和两位小数的JS
- MFC多线程学习碰到错误
- S300的作战使用过程
- 如果技术一直做下去,一定要选业务专家
- Python积累
- 什么是数据库?-新手解疑
- jQuery+EasyUI实现treegrid/datagride所绑定列只能够输入数字,且保留N位小数
- column: xxxxxx_ID (should be mapped with insert="false" update="false")
- Erlang初步编程
- flex纵向滚动条出现后,横向滚动条自动出现(转)
- Velocity中如何判断null
- Android中Dialog的使用
- IOS应用的产品设计、交互设计理念断想
- 系统分析与设计方法-2 信息系统构件
- [GUIDE] Theme editing and related things.