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..


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