javascript – 过滤剑道模板中的源代码
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 过滤剑道模板中的源代码,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1795字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 过滤剑道模板中的源代码](/upload/InfoBanner/zyjiaocheng/703/36b3ba2fa65e4fd19630c286827eef1d.jpg)
我有以下Kendo模板和MVVM绑定.这个模板的源代码是viewModel,里面有员工.员工集合中有3条记录.我只需要显示IsSelected属性为true的记录.
<!----Kendo Templates-->
<script id="row-template" type="text/x-kendo-template">
<tr>
<td data-bind="text: name"></td>
<td data-bind="text: age"></td>
</tr>
</script>
employees: [
{ name: "Lijo", age: "28", IsSelected: true },
{ name: "Binu", age: "33", IsSelected: false },
{ name: "Kiran", age: "29", IsSelected: false }
]
题
我们如何在模板中指定此过滤?
码
<head>
<title>Template Filtering</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<!----Kendo Templates-->
<script id="row-template" type="text/x-kendo-template">
<tr>
<td data-bind="text: name"></td>
<td data-bind="text: age"></td>
</tr>
</script>
<!--MVVM Wiring using Kendo Binding-->
<script type="text/javascript">
$(document).ready(function () {
kendo.bind($("body"), viewModel);
});
</script>
<script type="text/javascript">
var viewModel = kendo.observable({
employees: [
{ name: "Lijo", age: "28", IsSelected: true },
{ name: "Binu", age: "33", IsSelected: false },
{ name: "Kiran", age: "29", IsSelected: true }
]
});
</script>
<style>
table, th, td
{
border: 1px solid black;
}
</style>
</head>
<body>
<table id="resultTable">
<tbody data-template="row-template" data-bind="source: employees">
</tbody>
</table>
</body>
参考
> KendoUI Check Boxes in a Grid: how to and some tips and tricks
> Filter kendo ui grid with filed type object
> Filter Array|Object
> MVVM / Source and template binding
> how to run a function inside a template
解决方法:
使用可见绑定…
使用可见绑定
<script id="row-template" type="text/x-kendo-template">
<tr data-bind="visible: IsSelected">
<td data-bind="text: name"></td>
<td data-bind="text: age"></td>
</tr>
</script>
内容总结
以上是互联网集市为您收集整理的javascript – 过滤剑道模板中的源代码全部内容,希望文章能够帮你解决javascript – 过滤剑道模板中的源代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。