多个自定义剑道编辑器答案

【问题标题】：Multiple Custom Kendo Editor多个自定义剑道编辑器
【发布时间】：2017-10-22 23:02:32
【问题描述】：

我正在使用 kendoGid 显示数据，它具有（用户名、名字、姓氏、电子邮件、电话号码、角色名、供应商代码）字段。我得到了准确的数据，所有的 CRUD 操作都得到了很好的执行。

这是我的网格代码：

       var grid = $("#grid").kendoGrid({
        dataSource: usersDataSource,
        schema: {
            model: {
                id:"$id",
                fields: {
                    userName: { },
                    firstName: {  },
                    lastName: { },
                    email: { },
                    phoneNumber: { },
                    roleName: { },
                    supplierCode: { }
                }
            }
        },
        editable: "popup",
        edit: function (e) {
            $(e.container).find('input[name="prontoCode"]').attr({ "hidden": true });

        },
        columns:
               [     .....Other Fields Definition ... 
                     {
                         field: "roleName",
                         title: "Role Name",
                         editor: rolesDropDownEditor
                     },
                     {
                         field: "prontoCode",
                         title: "Supplier Code",
                         editor: supplierDropDownEditor,
                     }
               ],
    });

正如您在上面的列定义中看到的，我使用了自定义编辑器 (kendoDropDown) 和 kendo 弹出编辑属性。下面是角色DropDownEditor 的代码：

      function rolesDropDownEditor(container, options) {
        $('<input required name="' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownList({
                dataSource: {
                    transport: {
                        read: {
                            url: "URL",
                            type: "get",
                            datatype: "json",
                        }
                    }
                },
                change: function (e) {
                    if (e.val == "Supplier") {
                   $(e.container).find('input[name="prontoCode"]').attr({ "hidden": false });
                    }
                }
            });
    }

roleDropDown 中的值是（管理员、检查员、工程师和供应商），当用户从 roleDropDown 中选择“供应商”时，我想显示供应商DropDown .. 关于如何通过另一个更改功能显示或隐藏一个下拉菜单的任何帮助？谢谢

【问题讨论】：

标签： jquery html kendo-ui telerik kendo-grid

【解决方案1】：

在供应商DropDownEditor中，找到选中的 TR(row)。

    var tr = $("#grid").data("kendoGrid").dataItem($(container[0]).closest("tr"))

找到 tr.roleName 值。

根据roleName创建不同的dataSources（只需放入if-else块并添加不同的ajax调用），绑定所需的数据源。

如果您需要进一步说明，请告诉我。

【讨论】：