"参考var demo1 = xmSelect.render({\n\t\tel: '#demo1', \n\t\tdata: [\n\t\t\t{name: '张三', value: 1},\n\t\t\t{name: '李四', value: 2},\n\t\t\t{name: '王五', value: 3},\n\t\t]\n})demo1.setValue([\n\t\t{name: '张三', value: 1},\n\t\t])后给function drawTree() {\n $.ajax({\n url: "/userLabel/xmSelectTree.html?labelType=industry",\n async: false,\n type: "POST",\n data: null,\n dataType: "json",\n success: function (json) {\n xmSelect.render({\n el: '#tree',\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 model: {\n label: {\n type: 'block',\n block: {\n //最大显示数量, 0:不限制\n showCount: 1,\n //是否显示删除图标\n showIcon: true,\n }\n }\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: json,\n on: function (data) {\n // 更新结果到表单\n var ids = [];\n var names = [];\n var parentIds = [];\n var parentNames = [];\n\n data.arr.forEach(function (item) {\n ids.push(item.value);\n names.push(item.name);\n\n if (item.parent != 0) {\n parentIds.push(item.parent);\n parentNames.push(item.__node.parent.name);\n }\n });\n\n var uniqueIds = Array.from(new Set(ids));\n var uniqueNames = Array.from(new Set(names));\n var uniqueParentIds = Array.from(new Set(parentIds));\n var uniqueParentNames = Array.from(new Set(parentNames));\n\n var combinedIds = uniqueIds.concat(uniqueParentIds).join(',');\n var combinedNames = uniqueNames.concat(uniqueParentNames).join(',');\n\n $("#receiveLabelId").val(combinedIds);\n $("#receiveUserType").val(combinedNames);\n },\n });\n }, error: function () {\n layer.msg("获取标签数据失败");\n }\n });\n }这个方法写一个赋值方法,xmSelect没有名称,并且参数为以逗号分割的value字符串内容:您可以编写一个名为 setValueForTree 的方法,该方法接受一个以逗号分隔的值字符串作为参数。在该方法内部,您可以将字符串拆分为数组,并使用 setValue 方法将值设置给 xmSelect 实例。以下是您可以使用的代码示例:\n\njavascript\nfunction setValueForTree(valueString) {\n var valueArray = valueString.split(',');\n demo1.setValue(valueArray);\n}\n\n\n然后,在您的代码中调用 setValueForTree 方法,并将以逗号分隔的值字符串作为参数传递给它。例如:\n\njavascript\nsetValueForTree("1,2,3");\n\n\n这将将值设置给 xmSelect 实例,并更新树状结构中的选中状态。\n

xmSelect 树状结构:如何通过值字符串设置选中状态

原文地址: https://www.cveoy.top/t/topic/qgDo 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录