查看: 12140|回复: 10

datagrid 中嵌套mini-treeselect,更新数据显示的是value值 [复制链接]

前端小渣子

新手上路

Rank: 1

电梯直达

楼主

发表于 2017-8-1 14:43:13 |只看该作者 |倒序浏览

在datagrid中嵌套了mini-treeselect控件： <div field="officeName" width="150" headerAlign="center" align="center" allowSort="true" headerCls="safe-datagrid-header ">行业主管单位
<input  property="editor" id="officeName" name="officeName" class="mini-treeselect" textField="name" valueField="id" parentField="pId"
         expandOnLoad="true"  url="${ctx}/sys/office/treeData?isAll=true"
         emptyText="请选择行业主管部门" popupWidth="250" popupHeight="300"/>
</div>在对应的js文件中获取mini-treeselect选择的值，然后更新行中对应的数据，但是，在行中每次显示的都是value值，并不是text,这个问题怎么解决啊？function OnCellCommitEdit(e) {
var field = e.field, value = e.value;
var combox = mini.get("officeName");
var row = grid.getSelected();
if (field == "officeName") {
   var text = combox.getText();
   console.log(text);
   grid.updateRow(row, { officeName:  text});
}
}

收藏0

dforce

超级版主

Rank: 8 Rank: 8

沙发

发表于 2017-8-1 15:04:49 |只看该作者

http://www.miniui.com/demo/#src=datagrid/rowedit_treeselect.html
请参考这是示例，treeselect也是有值和文本两个字段的，需要处理2个字段的数据
当然你这是固定的数据的话，可以用type="treeselectColumn",这和comboboxcolumn一样，会根据id来对应显示text.

前端小渣子

新手上路

Rank: 1

板凳

发表于 2017-8-1 15:19:20 |只看该作者

dforce 发表于 2017-8-1 15:04
http://www.miniui.com/demo/#src=datagrid/rowedit_treeselect.html
请参考这是示例，treeselect也是有值 ...

要在这一列里显示后台传过来的数据，怎么显示？只有在用户做修改的时候才显示选择的内容

dforce

超级版主

Rank: 8 Rank: 8

地板

发表于 2017-8-1 15:28:09 |只看该作者

前端小渣子发表于 2017-8-1 15:19
要在这一列里显示后台传过来的数据，怎么显示？只有在用户做修改的时候才显示选择的内容
...

1 <div field="officeName type="treeselectColumn" >
行数据 {officeName:"abc“}

2 <div field="officeName" displayField="office_Name"
行数据需要 {officeName:"abc",office_Name:"ABC” ... //这种情况需要处理2个字段的数据，包括加载和保存