EasyUI : Groups in Combobox

Question

EasyUI 버전 1.3.3 : 그룹 이름을 혼합하여 valueField (사용자가 옵션을 선택한 후 콤보 상자에 표시되는 내용)를 어떻게 설정할 수 있는지 알고 싶습니다. & 항목 이름 (예 : Grp1-item1).

var data = [ 
     {group:'Group1',items:[ 
      {value:'v11',text:'Option11'}, 
      {value:'v12',text:'Option12'}, 
      {value:'v13',text:'Option13'}, 
      {value:'v14',text:'Option14'} 
     ]}, 
     {group:'Group2',items:[ 
      {value:'v21',text:'Option21'}, 
      {value:'v22',text:'Option22'}, 
      {value:'v23',text:'Option23'}, 
      {value:'v24',text:'Option24'} 
     ]} 
    ]; 
    function loadFilter(data){ 
     var dd = []; 
     for(var i=0; i<data.length; i++){ 
      var group = data[i].group; 
      dd.push({ 
       group:group, 
       text:group 
      }); 
      dd = dd.concat(data[i].items); 
     } 
     return dd; 
    } 
    function onLoadSuccess(){ 
     var groupItems = $(this).combobox('panel').find('div.combobox-item:has(span.combobox-group-text)'); 
     groupItems.removeClass('combobox-item'); 
    } 
    function formatter(row){ 
     if (row.group){ 
      return '<span class="combobox-group-text" style="font-weight:bold">'+row.group+'</span>'; 
     } else { 
      return '<span style="padding-left:10px">'+row.text+'</span>'; 
     } 
    } 

    $(function(){ 
     $('#cc').combobox({ 
      data:data, 
      loadFilter:loadFilter, 
      formatter:formatter, 
      onLoadSuccess:onLoadSuccess 
     }); 
    }); 

Answer 1

사용 포매터, 그룹 및 항목을 연결하고 그것을

formatter:function(value,row,index){ 
    return row.Group+'('+row.Item+')'; 
} 

을 반환