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

easyui 专栏收录该内容
0 篇文章 0 订阅

最近公司接的是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
    点赞
  • 3
    评论
  • 1
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

neverchanged

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值