datagrid combobox 选择后显示valueField 而不是 textValue解决方法

简介: datagrid combobox 选择后显示valueField 而不是 textValue解决方法


  • 解决方法
  1. editor不要url加载
  2. data:数据
  3. ajax请求拿到数据(同步请求不要异步请求)
editor:{
  type:'combobox',
  options:{
        //url:APP+'/Broadband/suitComboInfo', //传统的写法
        valueField:'s_id',   
       textField:'s_name',
       data:synchroAjaxByUrl()//更改之后的写法
  },
   required:true
},
function synchroAjaxByUrl(url){
        var temp;
        $.ajax({
            url:url,
            type:"get",
            async:false, //同步请求
            dataType:"json",
            success:function(data){
            temp = data;
        }
        });
            return temp;
}

如果上边写法不能解决参考下边 formatter 放在editor上边:

<th data-options="field:'userId',width:100,  
      formatter:function (value, row) {  //放在editor上边
        return row.userName;   
      },  
      editor:{  
         type:'combobox',  
         options:{  
            textField:'userId',  
            valueField:'userName',  
            url:'xx',  
            editable:false                                 
         }  
}">会员等级</th> 

formatter方法:

$('#cc').combobox({ 
    formatter: function(row){ 
        var opts = $(this).combobox('options'); 
        return row[opts.textField]; 
    } 
});


相关文章
|
6月前
|
C#
关于Dev 控件里 gridcontrol 的gridview 显示序号和checkbox
关于Dev 控件里 gridcontrol 的gridview 显示序号和checkbox
Easyui datagrid 编辑结束时combobox显示value而不显示text
Easyui datagrid 编辑结束时combobox显示value而不显示text
|
存储 关系型数据库 MySQL
Easyui datagrid combobox输入框下拉(取消)选值和编辑已选值处理
Easyui datagrid combobox输入框下拉(取消)选值和编辑已选值处理
400 0
|
C#
WPF DataGrid 每行ComboBox 内容不同的设置方法
原文:WPF DataGrid 每行ComboBox 内容不同的设置方法 ...
1093 0
|
数据库 算法 缓存
|
前端开发
kendo ui grid选中行事件,获取combobox选择的值
背景:   以前用 telerik ui做的grid现在又要换成kendo ui,不过说句实话kendo ui真的比telerik好多,可以说超级升级改头换面。当然用的mvc的辅助方法,以前的telerik ui 选中行的事件是 .OnRowSelect("SelectRow”) ,换成kendo ui 选中行的事件是   .Events(p=>p.Change("SelectRow")) 实现: kendo ui  grid 选中行的事件是  .Events(p=>p.Change("SelectRow"))  。
1974 0