【easyui】datagrid的combobox动态添加数据源求解

Question

点击【新增】按钮的时候，关闭（endEdit）当前选中行的编辑状态，这个时候本来combobox里面显示的text，全都变成了combobox的value。

Answer 1

尝试formatter数据源如果没加载到，就只会显示原有值，即你说的ID

Answer 2

 editor:{
                                        type:'combobox',
                                        options:{
                                            valueField:'id',
                                            textField:'name',
                                            required:true
                                        }

Answer 3

  “  valueField:'id', ”改成 valueField:'name', 。

Answer 4

我以前写的你可以参照 <input id="S_faultType" class="easyui-combobox" name="language" style="width:150px;"
data-options="
 url:'../../Handler/Statistics.ashx?Type=ft',
 valueField:'Value',
 textField:'Text',
 multiple:false,
 panelHeight:'auto',
         onSelect: function(rec){  
              $('#S_faultName').combobox('setValues', '');
              var url = '../../Handler/Statistics.ashx?Type=fn&Value='+rec.Value;  
              $('#S_faultName').combobox('reload', url);  
         }
 " />
         <input id="S_faultName" class="easyui-combobox" name="language" style="width:150px;"
data-options="
valueField:'Value',
textField:'Text',
multiple:true,
panelHeight:'300'
" />
我这2级联动，下面那个根据上面选的值改变而改变

Answer 5

textField:'Text',设置显示的内容
valueField:'Value',设置显示内容对于的值

Answer 6

var ed = $('#dg).datagrid('getEditor', {index:editIndex,field:'name'});  
 var nameVal= $(ed.target).combobox('getText');
$(ed.target).combobox('setValue', nameVal);

Answer 7

哪位大侠知道，在easyui动态获取数据后，怎么在页面设置它的小数位数，如这样展示38,072.9115

Answer 8

easyui的datagrid本来就是这样的，但你可以用以下方法解决：：
<script type="text/javascript">
var comboboxData;//项目与部门 field内的combobox data
var  depOrProId;//content内的combobox data 与上面的comboboxData级联
$(function() {
//输入url获得data，用于获得combobox的值
    var _url='${pageContext.request.contextPath}/userController/getDepAndProByUid?userId=${sessionInfo.id}';
    $.ajax({
     url:_url,
     type:'get',
     async:false,//此处必须是同步
     dataTye:'json',
     success:function(data){
     comboboxData=data;
     }
    })
$('#Diarydg')
.datagrid(
{
view : detailview,
url : "${pageContext.request.contextPath}/diaryController/dataGrid",
toolbar : "#tool",
border : false,
pagination : true,
fitColumns : true,
singleSelect : true,
onClickRow: onClickRow,
fit : true,
columns : [ [ {
field : 'pd',
title : '项目与部门',
width : 100,
formatter:function(value,rowData,rowIndex){//格式化该字段内的显示
for(var i=0; i<comboboxData.length; i++){
if(comboboxData[i].value==value){
depOrProId=comboboxData[i].value;
return comboboxData[i].label;
}
}
return "";
},
editor:{
type:'combobox',
options:{
valueField:'value',
textField:'label',
    data:comboboxData
}
}
},
希望您能看懂

Answer 9

加个formatter属性，判断选择后的value值，对应返回一个你要的字符串就ok了
{field:'Status',title:'确认状态',width:50,formatter:function(value,row){
                                                  if(value == 1){
                                                          return '是';
                                                  }else if(value == 0){
                                                          return '否';
                                                  }
                                          },
                                          editor:{
                                                  type: 'combobox',
                                                  options:{
                                                         editable: false,
                                                          panelHeight: 50,
                                                          data: [{
                                                                  value:'1',
                                                                 text:'是'
                                                         },{
                                                                  value:'0',
                                                                text:'否',
                                                        }]
                                                  }
                                          }
                          }