2023-11-26 22:38:27.0
无极低码 :https://wheart.cn
<link rel="stylesheet" href="dtree.css">
<link rel="stylesheet" href="dtreefont.css">

<link rel="stylesheet" href="cascader.css">

<script src="cascader.js"></script>
<script src="/dtree.js" charset="utf-8"></script>
<script src="tableTreeDj.js" charset="utf-8"></script>
		
<input type='text' name='dClass' id='dClass' maxlength='20' autocomplete='off' lay-verify='required'  />

var tableTreeDj = layui.tableTreeDj,
	layCascader = layui.layCascader,
	dtree = layui.dtree,
定义引入模块
layui.use(['table', 'form', 'laypage', 'layer', 'form', 'layedit', 'laydate', 'layCascader', 'tableTreeDj'],

调用方法
initSelect('可返回任意层级的字典树',dClass,'dClass','请选择部门类别',false);
//url 字典地址
//obj选择框对象
//id绑定值的inputid
//placeholder 选择提示
//checkStrictly 是否可选择任意层级
//list 数据存贮对象,临时定义
					function initSelect(url,obj,id,placeholder,checkStrictly) {
						obj= layCascader({
							elem: '#'+id,
							options: list,
							extendClass: true,
							extendStyle: true,
							filterable: true,
							clearable: true,
							placeholder: placeholder,
							props: {
								value: 'v',
								label: 'name',
								children: 'child',
								 checkStrictly: checkStrictly,
							}
						});
						getCselect(url,obj);
					}
                    function getCselect(url,select){
						ajax({
							url: server_url + url,
							method: 'get',
							async: false,
							success: function(returndata) {
								var strjson = JSON.parse(returndata);
								if (strjson.code == 20000) {
									var list = strjson.data;
									select.setOptions(list);
								} else {
									msg(strjson.msg + '!', '提示');
								}
							},
						});
					}


无极低码 :https://wheart.cn
最新文章