内联 HTML 数据角色<>脚本 jquery:Kendo Widget Initialization
Inline HTML data-role <> script jquery: Kendo Widget Initialization
使用剑道有两种方法可以初始化剑道小部件:
一:
<span id=”UniqueID” /></span>
<script>
$(“#UniqueID”).KendoWidget();
</script>
二:
<span id=”UniqueID” data-role=”Widget” /></span>
<script>
Kendo.init($(“#UniqueID”));
</script>
有谁知道这两种方法的优缺点?我想确保我了解任何特定方向的含义。
如果它更不平等,这是最常见的机制,Dev 遵循。
亲切问候翻转派
我两者都使用。这取决于该小部件配置的复杂性,在某些情况下,由于数据上下文问题,不可能(或至少非常困难)在 HTML 中初始化小部件;因此,在代码中初始化它更容易。其他时候,这只是个人喜好。
对于所有小部件,我将首先在 HTML 中声明它们,如下所示:
<div id="cases"
data-role="grid"
data-bind="source: cases"
data-pageable="{ refresh: true }"
data-sortable="{ mode: 'multiple' }"
data-filterable="{
extra: false,
operators: { string: { contains: 'Contains', eq: 'Is equal to' } }
}"
data-columns="[
{ title: '', template: kendo.template($('#editColumnTemplate').html()), sortable: false, filterable: false, width: 42 },
{ field: 'number', title: 'Number', width: 160 },
{ field: 'subject', title: 'Subject' },
{ field: 'contact', title: 'POC', width: 200 },
{ field: 'referral', title: 'Referred By', width: 100 },
{ field: 'opened', title: 'Opened', format: '{0:d}', filterable: false, width: 120 },
{ field: 'closed', title: 'Closed', format: '{0:d}', filterable: false, width: 120 }
]">
</div>
我更喜欢这样做,因为所有小部件的配置都与它在 HTML 中的位置内联声明。这与您必须使用 Kendo 和 Knockout 等 MVVM 框架将数据绑定到视图的方式类似,所以,我喜欢保持一致。对我来说,它更容易维护,因为一切都在一个地方定义,而且看起来很干净。现在,如果我遇到无法绑定特定可观察量或数据元素的数据上下文问题,例如在此网格的列定义中,则将其全部移至代码中。
无论哪种方式或多或少都是平等的。我无法告诉你哪个更常见。我想大多数开发人员的做法与我相同 - 混合使用这两种方法。
相关文章:
- 无法从 jQuery RSS Feed 中的 localStorage 动态替换类
- 如何使用jQuery自动打开页面上的所有链接
- 如何使用jquery在填充自动完成的值后使文本框只读
- jQuery:循环一个具有不同超时值的循环
- 用程序搜索JQuery数据表中的文本
- 如何使用jQuery在模板kendo UI中获取元素类
- 如何在Jquery中使用kendo ui创建内联网格编辑
- 使用jquery检查Kendo UI复选框值
- 使用JQuery隐藏Kendo ui命令列
- 使用jQuery更新的Kendo UI网格值不会更新传递回来的模型
- 内联 HTML 数据角色<>脚本 jquery:Kendo Widget Initialization
- 如何实现 jQuery Ajax 调用的 Kendo 进度条
- 当存在角度时,Kendo UI 网格无法从 jquery 初始化 - 抛出“undefined 不是函数”
- Kendo ui and jQuery UI conflict
- jquery 在我对 Kendo UI 网格数据进行更改后返回错误
- Kendo Grid内部的jQuery.on()输入字段绑定不正确
- jquery在DOM中返回了Kendo网格的意外类型
- jQuery-validate不能与Kendo Button一起工作(包括jsfiddle)
- 可以使用JavaScript或Jquery从kendo下拉列表中获取值/文本对
- Kendo DatePicker 禁用日期 jQuery