layui cascader级联下拉中增加‘全部’选项

Posted 2021-09-14 洛阳醉长安行

在某些时候cascader并不是必填的，且需要有‘全部’或‘请选择’等选项，需要在初始化前对数据进行处理：

window.renderSelect = function (cascader,callback) {
 ajax({
     url: "xx/tree",
     method: "get",
     success: function (resp) {
       var data1 = resp.data.children;
        //使用之前最好深拷贝一下树数据，防止后续操作影响到到原数据
       data1 = JSON.parse(JSON.stringify(data1));
          //使用数组方法在前面增加一个选项
           data1.unshift({ value: "", label: "全部" });

           cascader({
             elem: "#dept",
             data: data1,
             value: [],
             canParentSelect: true, 
             success: function (valData, labelData) {
               treeid = String(valData[valData.length - 1]);
             },
           });
       callback && callback(resp.data)
     },
     error: function (res) {
       layer.msg(res.description);
     },
   });
 };