首页 / JAVASCRIPT / javascript – 禁用了Kendo Grid Inline Edit with Drop Down选项

javascript – 禁用了Kendo Grid Inline Edit with Drop Down选项

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 禁用了Kendo Grid Inline Edit with Drop Down选项，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1437字，纯文字阅读大概需要3分钟。

内容图文

我有一个带有内联编辑选项的Kendo Grid.我有一个用户必须选择值的下拉列表.我想动态地从下拉列表中禁用某些项目.我必须从下拉列表动态启用和禁用选项,因此我将禁用的对象存储在一个单独的数组而不是源中. Here就是一个例子.

columns: [{
            field: "xxxx",
            title: "xxxx",
            template: function (dt) {
                return dt.xxxx;
            },
            editor: function (container, options) {
                $('<input name="' + options.field + '"/>')
                    .appendTo(container)
                    .kendoDropDownList({
                        dataTextField: "textField",
                        dataValueField: "ValueField",
                        dataDisabled:arrayOfObjThatShouldBeDisabled,//Don't work I know
                        dataSource: {
                            data: myDataSource // DYNAMIC SOURCE
                        }
                    });
            }
        }]

这是来自剑道网站的sample.

Another Example

解决方法:

由于问题与this Kendo UI Dojo紧密相关,因此我会尝试解释代码的作用以及它如何映射到我的问题.

首先,我们需要某种标志来标识选项必须禁用的位置,否则引入isDeletedflag为false,将相应地更新.

然后我们需要在html中添加以下部分,这里是魔术发生的地方它给你一个模板,它将决定我们是否必须根据isDeleted的值添加k-state-disabled类到选项.

<script id="template" type="text/x-kendo-template">
    <span class="#: isDeleted ? 'k-state-disabled': ''#">
       #: name #
    </span>
</script>

有了这个,我必须对代码进行如下微小的更改,并且它有效

$('<input name="' + options.field + '"/>')
                    .appendTo(container)
                    .kendoDropDownList({
                        dataSource: {
                        data: myDataSource // DYNAMIC SOURCE
                        },
                        dataTextField: "textField",
                        dataValueField: "ValueField",
                        select: function (e) {
                            if (e.dataItem.isDeleted) {
                                e.preventDefault();
                            }
                        },
                        template: kendo.template($("#template").html())
                    });

内容总结

以上是互联网集市为您收集整理的javascript – 禁用了Kendo Grid Inline Edit with Drop Down选项全部内容，希望文章能够帮你解决javascript – 禁用了Kendo Grid Inline Edit with Drop Down选项所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/702065.html

来源：【匿名】