如何在KendoUI上动态绑定列定义
How to bind columns definition dynamically on KendoUI
我需要动态绑定到kendou上的一个网格的列字段。
<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方法的情况下绑定该定义。
我尝试从视图模型绑定数据列值,但它抛出一个不支持绑定异常,甚至使用attr值。
首先,我看到你的Grid
定义有一个问题,你说的是title
,而不是field
。
回答您的问题并知道您不想动态生成columns.definition
,我建议您将其定义为:
<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>
。,在本地化中添加thead
定义。但显然,如果你的服务器可以这样做,也可以生成如下内容:
<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' }
]"
>
相关文章:
- 将值动态绑定到jquery中的切换按钮
- 如何使用AnguarJS动态绑定网站数据
- 在extJS 4.2中,有没有一种方法可以将模型值动态绑定到表单
- 我想在ext.js4.2中将树存储动态绑定到树面板中
- 如何让 AngularJS 选取在 JavaScript 中创建的动态绑定
- Emberjs - 将参数动态绑定到视图
- KnockoutJS删除动态绑定
- jquery验证,动态绑定表单验证
- 如何将文件夹中包含的控制器动态绑定到angularjs中的视图
- 在JavaScript中创建动态绑定
- Jquery:如何动态绑定带有onload事件的文本框
- 通过json动态绑定作用域到ng模型
- 如何将变量与函数动态绑定
- jQuery动态绑定文件输入并在函数中检索文件
- 动态绑定onclick事件为for循环中的所有按钮提供相同的值
- typeahead选择事件(jQuery)的动态绑定
- 如何使用 AngularJS 将值动态绑定到链接
- 在jQuery上动态绑定函数
- 将单击事件动态绑定到列表
- 如何在KendoUI上动态绑定列定义