Javascript 如何在KendoUI上动态绑定列定义

Javascript 如何在KendoUI上动态绑定列定义,javascript,kendo-ui,kendo-grid,Javascript,Kendo Ui,Kendo Grid,我需要对kendoui上网格的columns字段进行动态绑定 <table id="checkout-grid" class="k-grid" data-role="grid" data-bind="source: items" data-row-template="checkout-form-item-template" d

我需要对kendoui上网格的columns字段进行动态绑定

<table    id="checkout-grid"
                class="k-grid"
                data-role="grid"
                data-bind="source: items"
                data-row-template="checkout-form-item-template"
                data-scrollable="false"
                data-columns="[
                        { title: 'Name', width: '300px'},
                        'Description',
                        { title: 'Price', width: '50px' },
                        { title: 'Quantity', width: '50px' },
                        { title: 'Total', width: '100px' }
                    ]">
        </table>

问题是我需要在不同的语言上设置列的标题

如何在不使用javascript kendoGrid方法的情况下对该定义进行绑定

我尝试从viewmodel绑定data Columns值,但它抛出了一个not support绑定异常,即使使用attr值也是如此


如何对该字段执行动态绑定?

首先,我发现您的
网格
定义存在问题,您在该定义中说的是
标题,而不是
字段

回答您的问题并知道您不想动态生成
列。定义,我建议您将其定义为:

<table id="checkout-grid"
    class="k-grid"
    data-role="grid"
    data-bind="source: items"
    data-scrollable="false"
    data-columns="[
        { field: 'Name', width: '300px'},
        'Description',
        { field: 'Price', width: '50px' },
        { field: 'Quantity', width: '50px' },
        { field: 'Total', width: '100px' }
        ]">
    <thead>
        <td>Nombre</td>
        <td>Descripción</td>
        <td>Precio</td>
        <td>Cantidad</td>
        <td>Total</td>
    </thead>
</table>

当您需要不同语言的列时,也许可以使用Kendo Grid columns方法来设置新的列集?var网格=$(“#校验网格”).data(“kendoGrid”);grid.columns=//新ColumnSorry的集合,该集合不工作。我在水疗中心工作。我尝试绑定重写字段的html,但不起作用。现在,我将尝试为分配该属性创建自定义绑定属性。
<table id="checkout-grid"
    class="k-grid"
    data-role="grid"
    data-bind="source: items"
    data-scrollable="false"
    data-columns="[
        { field: 'Name', title: 'Nombre', width: '300px'},
        { field: 'Description', title: 'Descripción' },
        { field: 'Price', width: '50px', title: 'Precio' },
        { field: 'Quantity', width: '50px', title: 'Cantidad' },
        { field: 'Total', width: '100px', title: 'Total' }
    ]"
>