jinaokaifa

前端

html

<input type="hidden" id="隐藏input的id" name="btroleval" value="${obj.roleid}">
<div class="layui-input-inline">
    <select name="btrole"  lay-filter="btrole" lay-search="" lay-verify="required" 
    xm-select-show-count=1 xm-select="多选下拉框的id" xm-select-type="1" >
          <option value="">直接选择</option>
    </select>
</div>

js(写在layui的funcion里,单独渲染,不以组件的形式出现

     var formSelects = layui.formSelects;
        //获取角色已选数组的字符串
        var lis = $("#隐藏input的id").val(); 
        //将字符串分割成字符串数组
        var lisarr = lis.split(",");
        formSelects.config(\'formSelects的id\',{            
            type: "post",            
            linkage: true,
            linkageWidth: 130,            
            searchUrl: \'\',              //搜索地址, 默认使用xm-select-search的值, 此参数优先级高
            /* searchName: \'\',      //自定义搜索内容的key值
            searchVal: \'\',           //自定义搜索内容, 搜素一次后失效, 优先级高于搜索框中的值 */
            keyName: \'text\',            //搜索框中的内容
            keyVal: \'id\',            //自定义返回数据中value的key, 默认 value
            keySel: \'btrole\',         //自定义返回数据中selected的key, 默认 selected
            delay: 500,                 //搜索延迟时间, 默认停止输入500ms后开始搜索
            direction: \'auto\',          //多选下拉方向, auto|up|down                
            response: {
                statusCode: 0,          //成功状态码
                statusName: \'code\',     //code key
                msgName: \'msg\',         //msg key
                dataName: \'data\'        //data key
            },                    
            success: function(id, url, searchVal, result){
                //已选数据的回显
                formSelects.value(\'btrole\',lisarr,true); 
            },                                         
            clearInput: false,          //当有搜索内容时, 点击选项是否清空搜索内容, 默认不清空
        }).data(\'btrole\',\'server\',{
            url: \'<%=request.getContextPath()%>显示信息的路径\'            
     });

分类:

技术点:

相关文章: