Kendo ui JavaScript中的headerTemplate，而不是Kendo UI网格的包装器_Kendo Ui

Kendo ui JavaScript中的headerTemplate，而不是Kendo UI网格的包装器

kendo-ui

Kendo ui JavaScript中的headerTemplate，而不是Kendo UI网格的包装器,kendo-ui,Kendo Ui,我如何用javascript而不是使用MVC包装器来编写呢 @(Html.Kendo().Grid(Model.List) .Name("grid") .Columns(c => { c.Bound(e => e.ID); c.Bound(e => e.Nom).HeaderHtmlAttributes(new { colspan = 2 }); c.Bound(e => e.Nb).HeaderH

我如何用javascript而不是使用MVC包装器来编写呢

@(Html.Kendo().Grid(Model.List)
      .Name("grid")
    .Columns(c => { 
        c.Bound(e => e.ID); 
        c.Bound(e => e.Nom).HeaderHtmlAttributes(new { colspan = 2 }); 
        c.Bound(e => e.Nb).HeaderHtmlAttributes(new { style= "display:none;" }); 
    })
)

我从下面的代码开始实验，我知道它不是一个精确的与上述属性匹配，但如何设置 HeaderHtmlAttributes和Headertemplate，用于包含剑道网格javascript的列

$("div#kendogrid").kendoGrid({
        dataSource: dataSource,
        columns: [
             {
                 field: "ID",
                 title: "Nr Id",
                 headerTemplate: "sample template text col 1",
                 width: 100
             },
             {
                 field: "Nom",
                 headerAttributes: {
                     "class": "myHeader",
                     style: "text-align: right"
                 },
                 width: 200
             }
        ]
    });

您是正确的，

HeaderHtmlAttributes

是使用指定的，与您的

HeaderTemplate

等效的是。有关文档，请参见链接：

您的原始代码翻译为：

$("#kendogrid").kendoGrid({
    dataSource: dataSource,
    columns   : [
        {
            field: "ID"
        },
        {
            field           : "Nom",
            headerAttributes: {
                colspan: 2
            }
        },
        {
            field           : "Nb",
            headerAttributes: {
                style: "display:none"
            }
        }
    ]
});

您是正确的，

HeaderHtmlAttributes

是使用指定的，与您的

HeaderTemplate

等效的是。有关文档，请参见链接：

您的原始代码翻译为：

$("#kendogrid").kendoGrid({
    dataSource: dataSource,
    columns   : [
        {
            field: "ID"
        },
        {
            field           : "Nom",
            headerAttributes: {
                colspan: 2
            }
        },
        {
            field           : "Nb",
            headerAttributes: {
                style: "display:none"
            }
        }
    ]
});

这对我来说是一个新领域。我的问题是，headerTemplate和HeaterAttribute对最终结果没有影响。使用包装器时，colspan und display none非常有效。当我使用javascript版本时，不会产生任何效果。我已经使用

colspan:2

和

style=“display:none”

编辑了添加原始代码直接翻译的答案：检查它！格雷西亚斯，但很抱歉，它不起作用。我复制了示例代码，但我得到的只是3列标题，宽度相同，标题属性似乎完全没有效果。我添加了第四列来测试我没有看到缓存内容，我使用了当前的IE和Chromium浏览器来测试…请检查一下。我刚刚在Chrome上测试过它，但它也应该可以在其他浏览器上使用。谢谢！它起作用了！！JSFiddler是证明某事的好方法。我们使用了一个较旧的剑道版本，而当前的剑道版本与JSFIDLE中使用的剑道版本一样，它工作起来很有魅力。格雷西亚斯·埃米利亚诺，你救了我一天！这对我来说是一个新领域。我的问题是，headerTemplate和HeaterAttribute对最终结果没有影响。使用包装器时，colspan und display none非常有效。当我使用javascript版本时，不会产生任何效果。我已经使用

colspan:2

和

style=“display:none”