layui多选formSelects自定义加载数据和渲染已选中得值

官方文档写的很明白还有例子 https://hnzzmsf.github.io/example/example_v4.html

//然后引入formSelects.css
<link rel="stylesheet" href="formSelects-v4.css" />
 
//2.模块化使用
<script src="layui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    //全局定义一次, 加载formSelects
    layui.config({
        base: '../src/' //此处路径请自行处理, 可以使用绝对路径
    }).extend({
        formSelects: 'formSelects-v4'
    });
    //加载模块
    layui.use(['jquery', 'formSelects'], function(){
        var formSelects = layui.formSelects;
         
    });
</script>
 
//3.非模块化使用
<script src="layui.all.js" type="text/javascript" charset="utf-8"></script>
<script src="formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    var formSelects = layui.formSelects;
     
</script>

var keys = [];
	var selected = data.renovationProject;	//取出存在数据库的value
	$.ajax({
		url : '<%=request.getContextPath()%>/dictCd/getList?dictTypeCd='+"dictTypeCd=renovation_project",
		type:'POST',//默认以get提交，以get提交如果是中文后台会出现乱码
		dataType : 'json',
		async: false,
		success : function(data) {
			for(var i=0;i<data.length;i++){
				//因为formslects,规定了数据格式
				/*[
				     {"name":"1",value:1},
				     {"name":"2",value:2},
				     {"name":"3",value:3}
				  ]*/
				var temp = {"name":data[i].dictNm,"value":data[i].dictCd}
				keys.push(temp);
			}
		}
	})
	//local模式 本地数据
	formSelects.data('renovationProjectSelect', 'local', {
	    arr: keys
	});
	
	//远程数据 注意后端返回数组格式就行
	/*formSelects.data('renovationProjectSelect', 'server', {
	    url: 'http://yapi.demo.qunar.com/mock/9813/layui/data',
    	keyword: '水果'	远程数据搜索内容, 其他附加数据可以使用 formSelects.config设置
	});*/
	
	//参数1：容器得xm-select="renovationProjectSelect"ID	参数2：已选option的value值
	/*
		可直接alert(formSelects.value('select1'))看返回值
		formSelects.value('select1');              [{"name":"name1","val":"2"},{"name":"name2","val":"4"}]
		formSelects.value('select1', 'all');         [{"name":"name1","val":"2"},{"name":"name2","val":"4"}]
		formSelects.value('select1', 'val');         ["2","4"]
		formSelects.value('select1', 'valStr');      2,4
		formSelects.value('select1', 'name');        ["name1","name2"]
		formSelects.value('select1', 'nameStr');     name1,name2 
		
		formSelects.value('select1', [2, 4]);       // 选中value为2和4的option → name1,name2
	*/
	formSelects.value('renovationProjectSelect', selected.split(","));