在list组件中加入checkbox 实现多行选中时,提交能获取选中行的数据。
1.data数据中加入一个checkbox对应字段,如在userdata中加入checkbox (boolean)字段,加入字段是不会影响查出列表内容的。
2.在list组件下加入 checkbox组件,checkbox属性中将bind-ref设置为ref('checkbox'),即新加的那个字段。
3.当点击提交按钮时,如下 触发click事件,
Model.prototype.button3Click = function(event){
//var self = this;
var userdata = this.comp('userdata');
var rows = [];
userdata.each(function(options){
if (userdata.getValue("checkbox", options.row)){/*checkbox的为true的那一行执行*/
alert(options.row.val("checkbox")+","+options.row.val("real_name"));
rows.push(options.row);
}
});
};
相关推荐
mfc LISTCONTROL控件上增加checkbox控 增加显示图标的功能,VC 6.0 MFC
找了一些关于checkboxList控件的常用用法 添加项,选择项,删除项的等17种常用的方法。 希望对大家有用
实现ListCtrl中checkbox风格的单选
ASP.NET 中Checkboxlist添加到数据库代码案例
遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList, 遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList。
CheckBoxList操作方法集合,包括:获取选中项、全选、取消、反选
CheckBoxList的用法,绑定“多选项”,并在保存时获取被选中项的代码
CheckBoxList的操作
可以设置checkboxlist为单选,
该插件是一个树状复选框组件,解决需要划分多级功能的需求,如权限分配、商品划分等功能。
( CheckBoxList详细用法.doc )
纯javascript实现,有checkbox的dtree,下载就可以试用,有完整实例
下拉checkboxList实现多选效果
1、ListView item中加入checkbox后onListItemClick 事件无法触发。 原因:checkbox的优先级高于ListItem于是屏蔽了ListItem的单击事件。 解决方案:设置checkbox的android:focusable="false" 2、选择其中的...
NULL 博文链接:https://lovebeyond.iteye.com/blog/441009
Bootstrap Checkbox 是复选框组件,基于 Bootstrap 框架。在线演示 标签:Bootstrap
方便大家复制粘贴使用,提高大家的效率。...引入组件即可 <TC-checkbox></TC-checkbox> 如需要删除多余的部分 uni_modules/TC-checkbox/components/TC-checkbox/TC-checkbox 以上路径上进行修改即可
基于vue的element组件Checkbox多选框【竖向多列】展示
CheckBoxList 遍历 免费下载
ListContrl 可以实现项的编辑,列排序,加checkbox C++,Vs2008