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]; 
    } 
});


相关文章
|
7月前
|
C#
关于Dev 控件里 gridcontrol 的gridview 显示序号和checkbox
关于Dev 控件里 gridcontrol 的gridview 显示序号和checkbox
如何将DataGridView中的滚动条显示出来
1、选项设置   DataGridView有一个ScrollBars,可以设置水平滚动条,垂直滚动条,或者两种包含。   2、实际运行效果
5301 0
Easyui datagrid 编辑结束时combobox显示value而不显示text
Easyui datagrid 编辑结束时combobox显示value而不显示text
|
Web App开发 前端开发
tab+easyui datagrid无法正常显示
tab+easyui datagrid无法正常显示
Datagrid添加右键菜单
Datagrid添加右键菜单
90 0
|
存储 关系型数据库 MySQL
Easyui datagrid combobox输入框下拉(取消)选值和编辑已选值处理
Easyui datagrid combobox输入框下拉(取消)选值和编辑已选值处理
418 0
TabControl 与 DataGrid 的 SelectionChanged冲突问题
TabControl 与 DataGrid 的 SelectionChanged冲突问题
|
C#
WPF DataGrid 每行ComboBox 内容不同的设置方法
原文:WPF DataGrid 每行ComboBox 内容不同的设置方法 ...
1101 0