easyui 前端框架连接地址点击打开链接
在这里只是简单的总结一i型啊 关于 numberbox 控件的一些使用问题。
情况一:numberbox 控件普通使用
第一步:介绍一下 numberbox的一些属性。
1.value="https://www.it610.com/article/123.23"//数字框中的值
2.precision:2//精度(小数点后两位)
3.groupSeparator:','//(组分隔符)
4.decimalSeparator:' '//(替代小数点的分隔符)
5.prefix:'€'"//(前缀符)
6.suffix:'$'//(后缀符)
7.min,max(最小值,最大值)
第二步:介绍下关于 numberbox控件的取值、赋值。 简单的html标签 ,设置为numberbox 控件
针对这个input 标签,我们根据id="amount"获取这个对象,并且赋值以及取值。 赋值:
$("#amount").numberbox('setValue',123);
取值:
var value=https://www.it610.com/article/$("#amount").numberbox('getValue');
情况二:numberbox控件在datagrid 列表 中的使用。
如果在datagrid 中使用numberbox控件
先看下table html 结构
配件编号
配件名称
*数量
单价
金额
备注信息
规格型号
单位
重量
获取表格数据方式,根据table标签的id获取datagrid 的数据 var tab=$("#slist1Eg").datagrid('getRows');
获取选中行 的行数据。
var row=$("#slist1Eg").datagrid('getSelected');
循环遍历 tab 数据修改指定的单元格的数据
for (var i = 0;
i < tab.length;
i++) {$('#slist5Eg').datagrid('updateRow', {index: i,
row:{name:value});
}
其中 name 指的是 表格 列的名称字段,value 指的是需要的值
总结,这次之所以整理关于numberbox 控件的内容,纯属于无奈,对于numberbox控件定义的不管是单元格还是输入框,在为其赋值的时候要确认值的格式。
【easyui 前端框架-numberbox控件的取值、赋值问题】如果你定义的单元格 为可编辑类型的number单元格,第一次输入数字成功,但是再次修改可能会出现异常,那很有可能你输入的值跟nemberbox 控件定义的赋值格式冲突。
我今天出现的问题是:计算前两个单元格的值,将结果赋值给第三个单元格。
再循环遍历每一行数据,并计算结果赋值到第三个单元格,显示一切都正常,但是你再次去点击第三个单元格 ,会发现数值变化了。原因是我计算的数值带有间隔符(例如:123,000.50)这时候numberbox 控件 不识别这种数值,很有可能再次点击被赋值的单元格出现异常。
处理建议:将数值格式化,去掉间隔符,一切都正常。
推荐阅读
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- vue|Vue面试常用详细总结
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例