专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > Web前端

jQuery+EasyUI兑现treegrid/datagride所绑定列只能够输入数字,且保留N位小数

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
<script language="javascript">c_a_3();</script>
jQuery+EasyUI实现treegrid/datagride所绑定列只能够输入数字,且保留N位小数

关于jQuery和EasyUI我就不多做介绍了,都是JS框架,而EasyUI是建立在jQuery的基础之上的框架而已。用过EasyUI的童鞋可能都很习惯性地使用过其treegrid和datagride。这两个东西比asp.net内的列表控件DataTable、Repeater好用多了的。treegrid和datagrid的最大特征就是灵活性够强,数据源都是通过Ajax页面获取,以Json格式返回。

        有些时候,我们在项目中需要对treegrid和datagrid的可编辑列的格式有所要求,比如我只能够输入汉字、只能够下拉选择等等。这里就以datagrid的可编辑列只允许输入数字,且保留两位小数为例:

或许一说到这个问题,很多人都会选择直接在table内绑定列,如下:      

就是直接利用JS往table内附加行的方式,但是如果要在列上要求我只能够输入数字,且保留2为小数或许就不行了吧。这里我采用了是如下:

1、先在table内加上表头,在表头的指定列说明其要求。如下:

2、然后在将ajax返回过来的Json数据格是以数据源的形式附加到table上,当对某行某列进行编辑的时候,此时的格式要求就会生效。

3、说明:type:numberbox 说明类型为数据类型     options:{precision:2} 说明保留两位小数。

友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: