EasyUI datagrid 绑定combobox 结束编辑后显示value值问题

最近公司接的是ZF项目,换了easyUI,开发时有这样的一个效果,要求表格可编辑,某些列是下拉框显示。参考easyUI API显示效果很好实现。但是编辑完成后,调用

$('#dg').datagrid('endEdit', editIndex)后,单元格中的值会显示为value值,不是text值,假如 [{value:1,text:'定量'},{value:2,text:'定性'}],也就是说,选择‘定量’,调用endEdit后会显示‘1’而不是‘定量’。这是因为easyui为了向后台传值方便而导致的。

这种情况下我是想着做转换来解决的,代码如下:

//获取字段编辑器
var ed = $('#dg').datagrid('getEditor', { index: editIndex, field: field });
//得到显示text值

var showText= $(ed.target).combobox('getText');

//结束编辑

$('#exampleTable').datagrid('endEdit', editIndex);

//结束编辑之后将字段值重新赋值然后更新行数据

$('#dg').datagrid('getRows')[editIndex][field] = showText;
$('#dg').datagrid('updateRow', { index: editIndex, row: { name: field } });

显示效果如下:

 

 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值