blocks|key|322835|text|没有像“隐藏:真”这样的选项，这就是为什么它被忽略的原因。您可以使用网格的edit事件在弹出窗口中隐藏某些元素：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|322836|$("#grid").kendoGrid({
++edit:+function(e)+{
+++++e.container.find("input:first").hide();
++}
});|code-block|syntax|javascript|322837|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.kendoui.com/api/web/grid#events-edit^0|11|4|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

There is no such option as "hidden: true" and this is why it is being ignored. You can use the <a href="http://docs.kendoui.com/api/web/grid#events-edit">edit</a> event of the grid to hide some element from the popup window:

<pre><code>$("#grid").kendoGrid({
 edit: function(e) {
 e.container.find("input:first").hide();
 }
});
</code></pre>

blocks|key|105792|text|类似的解决方案也适用于我：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|105793|edit:+function(e)+{
++++e.container.find(".k-edit-label:first").hide();
++++e.container.find(".k-edit-field:first").hide();
},|code-block|syntax|javascript|105794|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Similar solution worked for me:

<pre><code>edit: function(e) {
 e.container.find(".k-edit-label:first").hide();
 e.container.find(".k-edit-field:first").hide();
},
</code></pre>

blocks|key|105824|text|如果对ASP.NET+MVC使用Html.Kendo().Grid<>()，则应执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|105825|将编辑事件处理程序添加到控件属性中的.Events，如下所示：|105826|.Events(e+=>+e.Edit("hideIdField"))|code-block|syntax|javascript|105827|其中"hideIdField“是您的js事件处理函数。|105828|在EventHandlers.js中，添加函数。|105829|function+hideIdField(e)+{
+++$("#ProductID").hide();
+++$("label[for='ProductID']").hide();
}++|105830|其中ProductID是源模型中Id字段的名称。|105831|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|X|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

If you are using Html.Kendo().Grid&lt;>() for ASP.NET MVC, you should do this:

Add Edit event handler to .Events in your control attributes like this:

<pre><code>.Events(e =&gt; e.Edit("hideIdField"))
</code></pre>

Where "hideIdField" is your js event handler function.

In EventHandlers.js, add the function.

<pre><code>function hideIdField(e) {
 $("#ProductID").hide();
 $("label[for='ProductID']").hide();
} 
</code></pre>

Where ProductID is the name of your Id field from your source model.

blocks|key|322927|text|要隐藏字段，只需将以下内容添加到视图模型：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|322928|[ScaffoldColumn(false)]+
public+int+Id+{+get;+set;+}|code-block|syntax|javascript|322929|如果你想保留文件，只想隐藏起来，就像这样做：|322930|@(Html.Kendo().Grid<ViewModel>()
.Name("grid")
.Columns(columns+=>
{
++++columns.Bound(m+=>+m.Id).Hidden()
++++columns.Bound(m+=>+m.Name)
}))|322931|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

To hide a field simply add this to the view model:

<pre><code>[ScaffoldColumn(false)] 
public int Id { get; set; }
</code></pre>

And if you want to keep the filed and just be hidden, do like this:

<pre><code>@(Html.Kendo().Grid&lt;ViewModel&gt;()
.Name("grid")
.Columns(columns =&gt;
{
 columns.Bound(m =&gt; m.Id).Hidden()
 columns.Bound(m =&gt; m.Name)
}))
</code></pre>

blocks|key|105861|text|类似的解决方案也适用于我：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|105862|edit:+function(e)+{
++++e.container.find("label[for=yourFieldName]").parent("div+.k-edit-label").hide();
++++e.container.find("label[for=yourFieldName]").parent().next("div+.k-edit-field").hide();
},|code-block|syntax|javascript|105863|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Similar solution worked for me:

<pre><code>edit: function(e) {
 e.container.find("label[for=yourFieldName]").parent("div .k-edit-label").hide();
 e.container.find("label[for=yourFieldName]").parent().next("div .k-edit-field").hide();
},
</code></pre>

blocks|key|105953|text|例如，拥有字段PK_|type|unstyled|depth|inlineStyleRanges|entityRanges|data|105954|+edit:+function(e)+{

++++e.container.find("input[name='PK_']").hide();
++++e.container.find("label[for='PK_']").hide();
}|code-block|syntax|javascript|105955|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

for exemple have field PK_:

<pre><code> edit: function(e) {

 e.container.find("input[name='PK_']").hide();
 e.container.find("label[for='PK_']").hide();
}
</code></pre>

blocks|key|106011|text|作为使用ruffin给出的答案中所示的循环索引的替代方法，也可以通过搜索与迭代列的字段匹配的for属性来获取列的相应标签索引。Kendo的默认模板会自动为所有编辑器标签生成for属性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|106012|var+labels+=+e.container.find('.k-edit-label');

e.sender.columns.forEach(function+(element)+{
++++if+(element.hideMe)+{
++++++++var+index+=+labels.find('label[for="'+%2B+element.field+%2B+'"]').parent().index();
++++++++if+(index+!==+0)+//Prevent+a+potential+zero+division
++++++++++++index+=+index+/+2;

++++++++e.container.find(".k-edit-label:eq("+%2B+index+%2B+"),+"+%2B+".k-edit-field:eq(+"+%2B+index+%2B+")").hide();
++++}
});|code-block|syntax|javascript|106013|entityMap^0|1A|3|2E|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

As an alternative to using the loop's index as displayed in the answer given by ruffin, it is also a possibility to acquire the column's corresponding label index by searching for the <code>for</code> attribute matching the iterated column's field. Kendo's default template automatically generates 
a <code>for</code> attribute for all editor labels.

<pre><code>var labels = e.container.find('.k-edit-label');

e.sender.columns.forEach(function (element) {
 if (element.hideMe) {
 var index = labels.find('label[for="' + element.field + '"]').parent().index();
 if (index !== 0) //Prevent a potential zero division
 index = index / 2;

 e.container.find(".k-edit-label:eq(" + index + "), " + ".k-edit-field:eq( " + index + ")").hide();
 }
});
</code></pre>

blocks|key|106114|text|创建如下所示的函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|106115|function+noEditor(container,+options)+{+++++container.prevObject.find("div[data-container-for='"+%2B+options.field+%2B+"']").hide();+++++container.prevObject.find("label[for='"+%2B+options.field+%2B+"']").parent().hide();+}|offset|length|style|CODE|106116|然后在您的字段中，设置编辑器属性，如下所示：|106117|columns:+[
++++{+field:+"Field1",+title:+"Field+1",+editor:+noEditor+},
++++{+field:+"Field2",+title:+"Field+2"+},
++++{+field:+"Field3",+title:+"Field+3"+},
++++{+field:+"Field4",+title:+"Field+4",+editor:+noEditor+}|code-block|syntax|javascript|106118|]|106119|通过这种方式，您可以轻松地在弹出窗口编辑器中隐藏多个字段。在这种情况下，Field1、Field2、Field3和Field4将显示在网格中，但Field1和Field4不会显示在弹出窗口编辑器中。|106120|entityMap^0|0|0|5Z|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|Z|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

Create a function like this:

<code>function noEditor(container, options) {
 container.prevObject.find("div[data-container-for='" + options.field + "']").hide();
 container.prevObject.find("label[for='" + options.field + "']").parent().hide();
}</code>

And then in your field, set the editor property as follows:

<pre><code>columns: [
 { field: "Field1", title: "Field 1", editor: noEditor },
 { field: "Field2", title: "Field 2" },
 { field: "Field3", title: "Field 3" },
 { field: "Field4", title: "Field 4", editor: noEditor }
</code></pre>

]

This way you can easily hide more that one field in the popup editor. In this case Field1, Field2, Field3 and Field4 will be displayed in the grid, but Field1 and Field4 will not be displayed in the popup editor.

blocks|key|106153|text|不要忘记在模型上使用数据注释的选项：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|106154|[HiddenInput(DisplayValue+=+false)]|code-block|syntax|javascript|106155|(如果您的模型基于ASP.NET+MVC)|106156|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Don't forget the option of using the data annotation on the model:

<pre><code>[HiddenInput(DisplayValue = false)]
</code></pre>

(if your model is based on ASP.NET MVC)

blocks|key|105907|text|扩展ruffin对Typescript+1.x给出的答案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|105908|在网格编辑事件中：|105909|+,+edit:+function+(e)+{
+++++++++e.sender.columns.forEach((element,+index)+=>+{
+++++++++++++++var+ele:+any+=+element;
+++++++++++++++if+(ele.attributes+!=+undefined)+{
++++++++++++++++++++if+(ele.attributes.hideMe)+{
++++++++++++++++++++++++e.container.find(".k-edit-label:eq("+%2B+index+%2B+"),+"
++++++++++++++++++++++++%2B+".k-edit-field:eq(+"+%2B+index+%2B+")"
+++++++++++++++++++++++).hide();
++++++++++++++++++++}
+++++++++++++++}
+++++++++});
+++++}++|code-block|syntax|javascript|105910|在列中添加hideMe元素作为属性：|105911|++columns:+[
+++++++++++++{
++++++++++++++++field:+"Id",
++++++++++++++++title:+"",+width:+1,
++++++++++++++++attributes:+{+hideMe:+true+}
+++++++++++++},
+++...|105912|这是必要的，因为typescript报告为一个错误，没有声明它的一个列字段。|105913|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Extending the answer given by ruffin for Typescript 1.x

in the grid edit event:

<pre><code> , edit: function (e) {
 e.sender.columns.forEach((element, index) =&gt; {
 var ele: any = element;
 if (ele.attributes != undefined) {
 if (ele.attributes.hideMe) {
 e.container.find(".k-edit-label:eq(" + index + "), "
 + ".k-edit-field:eq( " + index + ")"
 ).hide();
 }
 }
 });
 } 
</code></pre>

and in the column add the hideMe element as attribute:

<pre><code> columns: [
 {
 field: "Id",
 title: "", width: 1,
 attributes: { hideMe: true }
 },
 ...
</code></pre>

This is necessary because typescript report as an error one column field that it is not declared.

blocks|key|106049|text|答案在这里：Kendo-ui+MVC+PopUp+editor:+How+to+hide+fields和这里：http://www.telerik.com/forums/editing-grid-via-popup-mode-hide-fields|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|106050|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/13387316/kendo-ui-mvc-popup-editor-how-to-hide-fields/13388032#13388032|1|http://www.telerik.com/forums/editing-grid-via-popup-mode-hide-fields^0|6|19|0|1J|1X|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

Answer is here: 
<a href="https://stackoverflow.com/questions/13387316/kendo-ui-mvc-popup-editor-how-to-hide-fields/13388032#13388032">Kendo-ui MVC PopUp editor: How to hide fields</a>
and here: 
<a href="http://www.telerik.com/forums/editing-grid-via-popup-mode-hide-fields" rel="nofollow noreferrer">http://www.telerik.com/forums/editing-grid-via-popup-mode-hide-fields</a>

Is there a way to hide a field in edit popup that should still be visible in the grid itself?

I have tried setting it to hidden:true, but kendo seems to ignore it. 
When editable is set to false, it hides the textbox but field label is still shown. Is it possible to get rid of both label and textbox?

My datasource:

<pre><code>schema: {
 total: "Total",
 data: "Data",
 model:{
 id:"Id",
 fields:{
 Id:{ visible: false, editable:false },
 Name:{ editable:true },
 NumberOfUsers:{ hidden:true, editable:false }
 }
 }
}
</code></pre>

KendoUI grid edit popup, how to hide field

有没有办法在编辑弹出窗口中隐藏一个在网格本身中仍然可见的字段？我试着将它设置为hidden:true，但是剑道似乎忽略了它。当editable设置为false时，它会隐藏文本框，但仍会显示字段标签。有没有可能同时去掉标签和文本框？我的数据源：schema: {    total: "Total",    data: "Data",    model:{        id:"Id",       

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

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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