给easyui-combotree控件赋值，数组值，多个值

最新推荐文章于 2023-10-16 16:12:19 发布

原创最新推荐文章于 2023-10-16 16:12:19 发布 · 6.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#combotree #combobox #easyui #html #json

ASP.NET代码同时被 3 个专栏收录

126 篇文章

订阅专栏

html

97 篇文章

订阅专栏

jquery

44 篇文章

订阅专栏

本文介绍如何利用jQuery与EasyUI框架中的combotree组件来动态加载并设置下拉树的选择项，包括从服务器获取JSON数据并设置默认选中的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html:

<div class="add_box add_typename">
            <span class="id_name"><i>*</i>范围值</span>
            <select id="cmdRangeValue_edit" class="easyui-combotree" name="dept" data-options="required:true,multiple:true,checkbox:true," style="width: 200px;"></select>
        </div>

jQuery:

$.get("/Rights/JobViewRange/GetJobViewRangeByID", { JobViewRangeID: id }, function (data) {
                    $.getJSON("/Rights/JobViewRange/GetRangeValueJson",
                        { RangeType: data.RangeType },
                        function (json) {
                            $("#cmdRangeValue_edit").combotree({
                                data: json,//获取要显示的json数据
                                valueField: 'id',
                                textField: 'text',
                            });                        
                            $("#cmdRangeValue_edit").combotree("setValues", data.RangeValue);//注意,是：setValues
                        });      
                });

MVC-Controller(注1：一定要先生成combotree的所有节点):

//获取已选中节点的值(多个值用 , 逗号间隔)
     public ActionResult GetJobViewRangeByID(int JobViewRangeID)
        {
            var jobQuery = new JobViewRangeQuery() { JobViewRangeID = JobViewRangeID };
            var job = JobViewRangeService.GetJobViewRange(jobQuery).FirstOrDefault();
            return Json(job, JsonRequestBehavior.AllowGet);
        }
//生成combotree所有节点的json
     public ActionResult GetRangeValueJson(string RangeType)
        {
            if (string.IsNullOrEmpty(RangeType) || string.IsNullOrWhiteSpace(RangeType)) return Content("");
            string json = JobViewRangeService.GetRangeValueJson(RangeType);
            return Content(json);
        }

注2：生成combotree所有节点后，再将值的集合，如：RangeValue= "2,3,4,5,8"; 的字符串传递给combotree

$("#cmdRangeValue_edit").combotree("setValues", data.RangeValue);