kendo ui treelist popup 模式下 实现下拉框控件形式展示

Posted wjx-blog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了kendo ui treelist popup 模式下 实现下拉框控件形式展示相关的知识,希望对你有一定的参考价值。

1、在列后面增加editor和template属性,其中levelDropDownEditor是一个方法,LvDisplayName是下拉框的Text值的字段名(用于在列表里显示)

                columns: [
                    { field: "Name", expandable: true, title: "名称", width: 250 },
                    { field: "Code", title: "编号" },
                    { field: "Lv", title: "级别", width: "180px", editor: levelDropDownEditor, template: "#=LvDisplayName#" }
                ]

2、实现levelDropDownEditor方法,其中的DropdownlistValue,是我加上的特殊标识,用于后台的数据读取,因为后台自定了一个字段名叫:"LvDropdownlistValue"。

    function levelDropDownEditor(container, options) {
        var jqueryElement = $(‘<input required name="‘ + options.field + ‘DropdownlistValue" />‘);
        jqueryElement
            .appendTo(container)
            .kendoDropDownList({
                autoBind: true,
                dataTextField: "DisplayCode",
                dataValueField: "ParaCode",
                dataSource: {
                    transport: {
                        read: {
                            dataType: "jsonp",
                            url: "@Url.Content("~/BaseInfoManagement/Department/GetDepartmentLevelList")",
                        }
                    }
                },
                value: options.model.Lv,
                dataBound: onDataBound
            });
    }

3、后台update方法的实现

public JsonResult Update()
        {
            dvaContext context = new dvaContext();
            JsonResult json = new JsonResult();
            var tempObj = new Cust_department_info();
            if (ModelState.IsValid)
            {
                string jsonData = this.Request["models"];
                List<Cust_department_info> lst = JsonConvert.DeserializeObject<List<Cust_department_info>>(jsonData);
                foreach (var obj in lst)
                {
                    var objNew = context.department_info.Find(obj.ID);
                    List<department_info> children = context.department_info.Where(m => m.ParentCode == objNew.Code).ToList();
                    objNew.Name = obj.Name;
                    objNew.Code = obj.Code;
                    objNew.Lv = obj.LvDropdownlistValue.ParaCode;
                    foreach (var b in children)
                    {
                        b.ParentCode = objNew.Code;
                    }
                }
                context.SaveChanges();
            }
            json.Data = new { success = true, msg = "更新成功!" };
            return json;
        }

  

以上是关于kendo ui treelist popup 模式下 实现下拉框控件形式展示的主要内容,如果未能解决你的问题,请参考以下文章

设置 Kendo UI Grid Popup (MVC) 的宽度

ASP.NET MVC Kendo UI Edit Popup Internet Explorer Date Edit Problems

Kendo-TreeList :仅在 TreeList 的根级别的页脚模板

Kendo UI网格行中弹出窗口中的文件附件

内联更新后,Kendo Treelist重新加载/刷新

如何为 Kendo TreeList parentID 和 hasChildren 使用自定义字段