cici
|
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'); |
2019-03-14 11:14:08