EasyUI 系列之 combobox 默认选中第一个添加请选择选项

最新推荐文章于 2022-07-25 09:50:00 发布

出海小纸条

最新推荐文章于 2022-07-25 09:50:00 发布

阅读量3.6w

点赞数 5

分类专栏： Asp.Net开发文章标签： EasyUI combobox

本文链接：https://blog.csdn.net/u011183394/article/details/39077921

版权

Asp.Net开发专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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