如何禁用/隐藏/删除kendo UI中的字段弹出可编辑为HTTP POST

时间:2013-11-20 23:56:59

标签: kendo-ui kendo-grid angular-kendo

我的架构有这个代码:

schema: {
                model: {
                    fields: {
                        col1: {
                            type: "string", editable: true, nullable: false,
                            validation:{ required: { message: "Name is Required." } }
                        },
                        col2: {
                            type: "string", editable: true, nullable: false,
                            validation:{ required: { message: "Please Select a Main Language." } }
                        },
                        col3:{
                            type: "Array[]", editable: true, nullable: false,
                            validation:{ required: { message: "Please Select Supported Language(s)." } }
                        },
                        col4: {
                            type: "string", editable: false, nullable: true
                        },
                        col5: {
                            type: "string", editable: false, nullable: true
                        }
                    }
                }
            }

列代码段

{
                    field: "col4",
                    title: "Column4",
                    width:"200px",
                    editable:false,
                    nullable: true
                },
                {
                    field: "col5",
                    title: "Column5",
                    width:"200px",
                    editable:false,
                    nullable: true
                }

我想禁用最后两个(状态和未定位计数)。如您所见,我已经使用了可编辑和可空。我的目标是发送一个没有两个具有此JSON格式的HTTP帖子

{"col1":"string", "col2":"string","col3":["string"]}

2 个答案:

答案 0 :(得分:0)

更新: 我使用了一个具有功能的编辑器。

function(container){

  $('label[for=status]').parent().remove();

}

现在看起来像这样

{
  field: "status",
  title: "Status",
  editable:false,
  editor:function(container){
                       $('label[for=status]').parent().remove();
                   }
}

答案 1 :(得分:0)

Kendo的方法是在kendoGridSource中添加名为编辑的字段,如下所示:

edit: function (e) {
           e.container.find('[for="none"]').parent().remove();
           e.container.find('[data-container-for="none"]').remove();
 },

在那里你会找到有for="none"的字段并删除所有字段,同样适用于容器。

然后在您的架构中,您要编辑的字段:

{
  field: "none",
  title: "Column5",
  width:"200px",
},