xmSelect树形下拉菜单获取父节点value值方法
var xm_one = xmSelect.render({\n el: '#tree_one',\n tips: '请选择行业标签',\n empty: '呀,数据为空',\n filterable: true,\n searchTips: '请在此搜索标签',\n paging: false,\n pageSize: 10,\n radio: false,\n repeat: false,\n clickClose: false,\n max: 0,\n height: '200px',\n theme: {\n color: '#409eff',\n },\n tree: {\n //是否显示树状结构\n show: true,\n //是否展示三角图标\n showFolderIcon: true,\n //是否显示虚线\n showLine: false,\n //间距\n indent: 10,\n //默认展开节点的数组, 为 true 时, 展开所有节点\n // expandedKeys: false,\n //是否严格遵守父子模式\n strict: true,\n //是否开启极简模式\n simple: true,\n //点击节点是否展开\n clickExpand: true,\n //点击节点是否选中\n clickCheck: true,\n },\n data: industryList,\n on: function (data) {\n var ids = data.arr.map((item) => {\n if (item.children) { // 判断是否有子节点\n return item.children.map((child) => {\n if (child.parent) { // 判断是否有父节点\n return child.parent.value + ',' + child.value;\n } else {\n return child.value;\n }\n }).join(',');\n } else {\n if (item.parent) { // 判断是否有父节点\n return item.parent.value + ',' + item.value;\n } else {\n return item.value;\n }\n }\n }).join(',');\n $('#industry').val(ids);\n },\n })没有获取到父节点的value内容:可以通过修改on方法中的逻辑来获取父节点的value。具体做法是,在遍历data.arr时,判断当前节点是否有父节点,如果有,则将父节点的value也添加到ids中。\n\n修改后的代码如下:\n\n\non: function (data) {\n var ids = data.arr.map((item) => {\n if (item.children) { // 判断是否有子节点\n return item.children.map((child) => {\n if (child.parent) { // 判断是否有父节点\n return child.parent.value + ',' + child.value;\n } else {\n return child.value;\n }\n }).join(',');\n } else {\n if (item.parent) { // 判断是否有父节点\n return item.parent.value + ',' + item.value;\n } else {\n return item.value;\n }\n }\n }).join(',');\n $('#industry').val(ids);\n},\n\n\n这样修改后,ids中会包含父节点和子节点的value,用逗号分隔。
原文地址: https://www.cveoy.top/t/topic/qeKd 著作权归作者所有。请勿转载和采集!