需要是级联框能抉择任意层级的节点,然而cascader目前只反对抉择叶子节点(最初一级)。那么如何实现这个需要。
思考得出了以下几个方向:
1.更换一个有抉择任意一级性能的级联库:
目前找到只有elementUI的级联,毛病与以后我的项目框架、api有差别,切换有肯定老本
2.本人手动造一个轮子
毛病是开发成本最高,给的工夫不多,撸进去后须要思考很多因素、测试等等
3.在以后cascader源码上间接附加性能:
浏览源码后发现代码量不大,新增性能老本绝对较低,最初抉择了这个办法。最初通过一番寻找发现了这个组件能够参加开源奉献。最初实现这个需要并进行了测试。而后给cascader作者提交了本人的代码,最初也容许通过了(也是十分的开心)。
github地址(心愿能给个start反对一下):https://github.com/booms21/la...
应用办法:
1.引入layui
2.引入cascader及css,并在应用的时候应用layui关联蕴含这个模块
3.传入属性canParentSelect:true,默认为false
var cas=cascader({ elem: "#a", data: data,//树结构 // url: "/aa", // type: "post", // triggerType: "change", // showLastLevels: true, // where: { // a: "aaa" // }, value: ["B", "BB2", "BBB4"], // changeOnSelect: true, canParentSelect:true,//是否可抉择任意一级,同时也能用在懒加载 success: function (valData,labelData) { console.log(valData,labelData); } });