下拉树状菜单插件实在太少,唯一找到的插件DropDownTree,也并不符合需求。所以这里自己弄了个简单的下拉树状菜单的插件,支持单选和多选。
初始化代码
var test = $('.lyear-dropdown-tree').lyearDropdownTree({ data : data, // 树状结构数据 multiSelect : true, // 是否多选,默认true jsonStr : ',', // 数据分割符,默认',',例如获取选中数据会返回:1,2,3 selectedData : [3017,3018], // 当前已选中的数据,默认[] relationParent : true, // 是否关联父类(主要用于多选),默认true,设置为false,则选中父类,子类不会选中 relationChildren : true, // 是否关联子类(主要用于多选),默认true,设置为false,则子类全部选中,父类不会选中 checkHandler: function(el) { // 回调 console.log(el); }, });
方法名 | 说明 |
---|---|
setSelectedItem | 设置选中项,如果是单选,则只设置最后一个为选中(可以在初始化时候指定选中项,也可以单独调用方法设定) |
getSelectedText | 获取选中项文字 |
getSelectedID | 获取选中项ID |