如何显示/隐藏列表项目中的项目MVVM剑道
How to show/hide item within a list item MVVM kendo
<script type="text/x-kendo-tmpl" id="my-template">
<ul >
<li>
<div onclick="showToggle()"> Show/Hide Form</div>
<div id="myform"> My Form Stuff</div>
</li>
<ul>
</script>
在上面的例子中,我想点击div或者按钮来切换列表项的其他部分
<ul data-role="listview" id="myList"
data-bind="source: listOfStuff"
data-template="my-template"></ul>
现在我不能给它分配id。我只是想用下面的一些功能来切换它。也许这更像是一个javascript问题。我想我也可以在我的mvvm中添加另一个变量到我的对象列表中,然后在单击时将其设置为可见的,但我宁愿不添加到视图模型上。
function showToggle(){
if ( $('#myform') visible) do
$('#myform').hide();
else
$('#myform').show();
}
您可以使用jQuery On为所选元素附加一个或多个事件的事件处理函数。为div设置类选择器,并为该类注册点击处理程序。
<script type="text/x-kendo-tmpl" id="my-template">
<ul >
<li>
<div class="show-hide"> Show/Hide Form</div>
<div>My Form Stuff</div>
</li>
<ul>
$('.show-hide').on('click', function(e) {
console.log( e ); // e is div
});
相关文章:
- 角度的项目列表 ng 重复,ng 单击显示全宽描述
- 当在Ember中点击一个项目时,我如何将一个活动类添加到项目列表中
- 在javascript中搜索项目列表的性能
- 如何在角度js的自动完成下拉列表中对项目列表(按字母顺序)进行排序
- 从项目列表Jquery中仅选择(显示:块)元素
- 使用 JQuery 复选框筛选项目列表
- 如何在Javascript中设置随机生成的项目列表的样式
- 如何无限循环项目列表
- 将项目列表馈送到3列布局中
- Polymer 1.0:管理简单项目列表的最佳实践
- 从select创建项目列表/数组
- 渲染Backbone.js中项目列表中的项目
- 如何将特定项目信息链接到 emberjs 中项目列表中的模板
- 如何遍历项目列表并将其数据值推送到数组中
- NodeJS:如何使用异步.js来处理数据库中的项目列表
- 挖空 JS 构建项目列表
- 通过指定的文本检查项目列表 /w Jquery
- 如何制作一个项目列表,可以使用 Angular JS 单独切换
- 将单词“and”放在项目列表的文本中
- 优化显示简单项目列表的模型/视图