html代码:
<div id="selectableExample1" class="dragSelection">
<div class="selector" data-id="1">1</div>
<div class="selector" data-id="2">2</div>
<div class="selector" data-id="3">3</div>
<div class="selector" data-id="4">4</div>
<div class="selector" data-id="5">5</div>
<div class="selector" data-id="6">6</div>
</div>
js初始化:
var options = {
selector: '.selector',
clickBehavior: "multi",//"toggle"(默认); "multi";"single"。
select: function (e) {//当有目标元素被选中时的回调事件
console.log('你选取了方块 #' + e.id + ',共选择了 ' + e.selected.length + ' 个。');
mainApp.formData.selectData.push(e.id);
},
finish: function (data) {
// 所有元素的选中或非选中状态
console.log(data.selections);
// 所有已选中的元素 ID 值的数组
console.log(data.selected);
mainApp.formData.selectData = data.selected;
}
};
// 初始化
$('#selectableExample1').selectable(options);
// 获取 selectable 实例
mainApp.formData.mySelectable = $('#selectableExample1').data('zui.selectable');
设置全选代码:mainApp.formData.mySelectable.select();
选中第一个代码:mainApp.formData.mySelectable.select('1');
回贴