layui 第三方组件平台

返回首页 发布组件

由于是异步,需求三个请求 获取本节点、获取子节点、获取兄弟节点 。

更新:2020-5-30 创建:2020-4-26

文档

示例
1、定义标签
 <input id="test"  value="xxxx" /> <!-- value 为默认值 -->
2、初始化组件
var $ = layui.$;

$(function(){
layui.config({
base: '${pageContext.request.contextPath}/js/layuiExtend' //配置 layui 第三方扩展组件存放的基础目录
}).extend({
asynTreeSelect: '/asynTreeSelect'
}).use(['asynTreeSelect'], function(){


var asynTreeSelect = layui.asynTreeSelect;

asynTreeSelect.render({
elem: '#test'
,getCurrentNodeUrl:"${pageContext.request.contextPath}/test/getRealmByParam1.action" //根据paramName获取当前节点的请求
,getChildrenNodeUrl:"${pageContext.request.contextPath}/test/getRealmByParam1.action" //根据paramName获取子节点的请求
,getBrotherNodeUrl:"${pageContext.request.contextPath}/test/getRealmByParam1.action" //根据paramName获取兄弟节点的请求
,paramName:"currNodeId" //请求后台带的参数,此处为区域id
,paramType:"postType" //请求后台自带的参数,获取本节点时候 postType=1,获取子节点时候 postType=2,获取兄弟节点的时候该值为3
//所以后台可以根据此值判断是发出什么请求,getCurrentNodeUrl、getChildrenNodeUrl、getBrotherNodeUrl请求都是同一个就行
,rootNodeValue:"44"
//,defaultValue:"440232"
,separator:"/"
,showRootNode:true //是否显示根节点,默认true
//,maxWidth:400
,response:{
idName:"REALM_ID"
,valueName:"REALM_NAME"
,parentName:"PARENT_ID"
}
/* ,onlick:function(data){
console.log(data)
} */
});

//三个请求返回数据的格式为 [{REALM_ID:"4401",REALM_NAME:"广州",PARENT_ID:"44"},{REALM_ID:"4402",REALM_NAME:"深圳",PARENT_ID:"44"}]
});
var form = layui.form;
form.render();
3、截图


源码附java例子。请移步码云下载

下载

立即下载 去码云下载
该扩展组件由第三方用户主动投递,并由其自身进行维护,本站仅做收集。