记录Datagrid使用的一些事项

1.将两个列的文本拼接到一起并显示，如列1为name，列2为code，需要显示name(code)。如：小明(123)

则初始化datagrid时在columns[]里加入：列1添加formatter方法，列2添加hidden:true。

{ field: 'CHNItemName', title: '名称', width: 350, sortable: false, align: 'left',formatter: function (value, rec, index) {return value + " (" + rec.BarCode + ')';}
},
{ field: 'BarCode', title: 'BarCode', width: 100, sortable: false, align: 'left', editor: {type:'text',editable:false}, hidden:true }

2.在生成datagrid时将某列定义为可编辑状态或不可编辑，而不是在生成datagrid之后再控制编辑状态：将不可编辑的列的editor里写空(可编辑列的editor不为空)。

{ field: 'QTFYTEXT', title: '其他费用', width: 100, sortable: false, align: 'left', editor: {} }

在onLoadSuccess里对每一行执行beginEdit(开启编辑状态)。

onLoadSuccess: function (data) {editIndex = $('#MyPurchaseOrder').datagrid('getRows').length - 1;for(var i=editIndex;i>=0;i--){$('#MyPurchaseOrder').datagrid('selectRow', i).datagrid('beginEdit', i);                                }}

3.控制datagrid中numberbox输入框可输入的最大值最小值：开始想通过直接设置numberbox的data-options属性的max/min，但html渲染完成后即使更改此属性也不生效。查阅资料后发现应在onBeforeEdit时设置列的editor.options.max，即可生效。

{ field: 'OrderQty', title: '数量', width: 90, sortable: false, align: 'left', editor: { type: 'numberbox', options: { precision: 3}} }

onBeforeEdit:function(rowIndex, rowData){var columnOption = $('#MyPurchaseOrder').datagrid('getColumnOption',"OrderQty");if(columnOption != null){columnOption.editor.options.max = rowData.OrderQty;}}

转载于:https://www.cnblogs.com/cwr-toki/p/10155769.html

记录Datagrid使用的一些事项相关推荐

windows时间同步软件_在Windows电脑桌面上记录每日工作备忘事项用哪个便签软件好？...
电脑是很多人日常工作.生活的小帮手,使用电脑可以查询资料.数据处理.编辑文字等,为了方便办公提醒,很多人会借助电脑桌面上记录备忘事项的工具:现在电脑上可以使用的记录备忘事项的软件是比较多的,究竟哪一款 ...
Easyu问题解决记录——datagrid多选bug
问题记录 easyui的datagrid在开启checkbox的情况下,用户重复点击标题栏的复选框来实现全选和取消全选.以及多次选中行和取消选中行时.easyui记录的当前的选中记录与实际展示出来的情 ...
关于记录每天”要完成的事项“和”未完成事项“，（尤其是周末时，对未完成事项的记录一定要全）-----工作方式
前言: 我们常常在纸上,或者笔记本上, 记入今天要完成什么事情, 当有一些疑问,当天又无法解决时,我们也会把它们记录下来~ (今天早上,来了看了我周五记录的两个今天要确认的问题, 突然问自己,这时什么 ...
iphone日历显示周视图_用敬业签记录放假安排 2021年放假安排日历
2021年已经踏着轻快的步伐向我们一路小跑而来,新的一年中,除了可以做更多的成绩之外,还有很多假期伴随而来.做好放假安排就可以让假期更加充实,为了能够更好的记录放假安排和相关事项可用敬业签这款便签软件 ...
[HDSC] 华大Cortex-M离线烧录器（CM PGM）HCTL-1A使用方法记录
[HDSC] 华大Cortex-M离线烧录器(CM PGM)HCTL-1A使用方法记录准备工作使用方法注意事项准备工作 1)获得一个华大的Cortex-M离线烧录器(CM PGM),信息如下: ...
php网站迁移服务器注意事项（包含mysql同步）
说明公司服务器一直不太稳定,作为后端的我对运维一直不擅长,看apache日志也是一筹莫展,系统也总是是不是的宕机,很是郁闷,恰逢本月服务器到期,面临续费,跟领导一建议,直接买一台新的,公司项目整站迁 ...
java多态注意事项（陷进）
概述:多态是java一大特性.这里参考think in java,记录一下学习多态注意事项 1.private 修饰的方法没有多态特性 public class PrivateOverride {/* ...
办公记事软件哪个好用？工作日志记录软件哪个好？
如果你认真观察周围优秀的职场人士,你就会发现他们都有一个共同的优点,这就是能够在工作时随手记录工作相关的事情,例如某件工作相关的琐事.常用的工作资料.工作注意事项.未来某个时间需要完成的工作任务以及每 ...
安卓移动办公软件_移动办公管理软件哪个好用？工作事项管理建议使用云便签敬业签...
随着智能手机的普及,移动端的应用软件市场也得以崛起,这便使得各类移动工具软件如雨后春笋般应运而生,而我们就可以借助这些软件更快速.更高效的处理各类事项,比如说我们可以使用一款移动办公管理软件,及时记录 ...

记录Datagrid使用的一些事项

记录Datagrid使用的一些事项相关推荐

最新文章

热门文章