easyui combox

添付:easyuiドキュメント接続-http://www.jeasyuicn.com/api/docTtml/index.htm
1,静的データ,直接dataを介してjson(text-表示値value-バックグラウンド実績値)を渡すことができる

 <input id="bayonetid" name="bayonetid" 

                         class="easyui-combobox search-input"

                            data-options="

                                    valueField:'value',

                                    textField:'text',

                                    panelHeight:'auto',

                                    data: [{

                                        text: '  ',

                                        value: ''

                                    }]"/>

                    </td>

2、ダイナミックデータ、バックグラウンドデータ
a:バックグラウンド定義json戻りフォーマット(CombOptionを直接  Listをjsonに変換して戻せばよい)

public class CombOption extends BaseDto {

    private String text;

    private String value;

    private boolean checked;

//getter and setter

}

 

valueField,textField      json   text,value  

<input class="easyui-combobox search-input"

                            name="carWayCode"

                            data-options="

                                    url:'${contextPath}/sys/param/combParams.do?typeCode=1001',

                                    method:'get',

                                    valueField:'value',

                                    textField:'text',

                                    panelHeight:'auto'"/>

3,連動プルダウン

-----選択単位名選択値に応じてポイント名オプション値を変換

<td><label>    :</label></td>

                    <td>

                        <input name="areaid" id="areaid" />

                    </td>



                    <td><label>    :</label></td>

                    <td>

                     

                     <input id="bayonetid" name="bayonetid" 

                         class="easyui-combobox search-input"

                            data-options="

                                    valueField:'value',

                                    textField:'text',

                                    panelHeight:'auto',

                                    data: [{

                                        text: '  ',

                                        value: ''

                                    }]"/>

                    </td>

            //           

            var combJson =  [{ "value":"", "text":"  "  }];

            

                $("#areaid").combobox({   

                    url:'${contextPath}/sys/param/combParams.do?typeCode=1008',

                    method:'get',

                    valueField:'value',

                    textField:'text',

                    panelHeight:'auto',

                    onSelect: function(rec){

                        $('#bayonetid').combobox('clear');
　　　　　　　　　　　　　　　　//areaid rec.value     

                        if(rec.value==''){

                            

                            $('#bayonetid').combobox('loadData',combJson);

                        }else{

                            var url ='${contextPath}/sys/param/combParams.do?typeCode=1009&pcode='+rec.value;

                            $('#bayonetid').combobox('reload',url);

                        }

                       }

                  });