首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >KendoUI网格编辑弹出窗口,如何隐藏字段

KendoUI网格编辑弹出窗口,如何隐藏字段
EN

Stack Overflow用户
提问于 2013-05-07 17:27:51
回答 11查看 35.9K关注 0票数 22

有没有办法在编辑弹出窗口中隐藏一个在网格本身中仍然可见的字段?

我试着将它设置为hidden:true,但是剑道似乎忽略了它。当editable设置为false时,它会隐藏文本框,但仍会显示字段标签。有没有可能同时去掉标签和文本框?

我的数据源:

代码语言:javascript
复制
schema: {
    total: "Total",
    data: "Data",
    model:{
        id:"Id",
        fields:{
            Id:{ visible: false, editable:false },
            Name:{ editable:true },
            NumberOfUsers:{ hidden:true, editable:false }
        }
    }
}
EN

回答 11

Stack Overflow用户

回答已采纳

发布于 2013-05-07 19:16:14

没有像“隐藏:真”这样的选项,这就是为什么它被忽略的原因。您可以使用网格的edit事件在弹出窗口中隐藏某些元素:

代码语言:javascript
复制
$("#grid").kendoGrid({
  edit: function(e) {
     e.container.find("input:first").hide();
  }
});
票数 18
EN

Stack Overflow用户

发布于 2013-05-08 21:40:56

类似的解决方案也适用于我:

代码语言:javascript
复制
edit: function(e) {
    e.container.find(".k-edit-label:first").hide();
    e.container.find(".k-edit-field:first").hide();
},
票数 23
EN

Stack Overflow用户

发布于 2014-07-23 01:54:02

如果对ASP.NET MVC使用Html.Kendo().Grid<>(),则应执行以下操作:

将编辑事件处理程序添加到控件属性中的.Events,如下所示:

代码语言:javascript
复制
.Events(e => e.Edit("hideIdField"))

其中"hideIdField“是您的js事件处理函数。

在EventHandlers.js中,添加函数。

代码语言:javascript
复制
function hideIdField(e) {
   $("#ProductID").hide();
   $("label[for='ProductID']").hide();
}  

其中ProductID是源模型中Id字段的名称。

票数 14
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16415604

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档