EasyUI 系列之 combobox 默認選中第一個 添加請選擇選項

1.說明:項目爲asp.net mvc4項目,使用的是實體數據模型

2.先看哈效果圖


3.引入相關的css 文件和js文件

4.<input id="Type" class="easyui-combobox">

5.前臺代碼:

$.ajax({
                    url: '/DocProcess/GetListType',
                    dataType: 'json',
                    success: function (jsonstr) {
                        jsonstr.unshift({
                            'ID': '-1',
                            'Name': '-請選擇-'
                        });//向json數組開頭添加自定義數據
                        $('#Type').combobox({
                            data: jsonstr,
                            valueField: 'ID',
                            textField: 'Name',
                            onLoadSuccess: function () { //加載完成後,設置選中第一項
                                var val = $(this).combobox('getData');
                                for (var item in val[0]) {
                                    if (item == 'ID') {
                                        $(this).combobox('select', val[0][item]);
                                    }
                                }
                            }
                        });
                    }
                });

6.後臺代碼:

public ActionResult GetListType()
        {
            using (new_lkDbEntities db = new new_lkDbEntities())
            {
		//**Doc_Type爲實體類
                List<Doc_Type> list = (from u in db.Doc_Type where u.AboveID != -1 select u).ToList();
                return Json(list, JsonRequestBehavior.AllowGet);
            }
        }


ok..


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章