zui.selectable设置全选有效,但设置选择指定目标无效
2019-03-14 11:14:08
cici
  • 访问次数: 9
  • 注册日期: 2018-03-29
  • 最后登录: 2019-03-14

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');