layui下拉模态框的用法

1.在html上的样式设置

<label class="layui-form-label">物资代码</label>
        		<div class="layui-input-inline">
            		<input type="text" style="width: 150px;"   autocomplete="off" class="layui-input" name="expCode" id="expCode" >
        	        <input type="text" style="display:none;"   autocomplete="off" class="layui-input" name="expSpec" id="expSpec" >
        	   </div><!-- placeholder="请选择" -->
        	 <label class="layui-form-label">物质名称</label>
        		<div class="layui-input-inline">
            		<input type="text" name="expName" id="expName" disabled="disabled" lay-verify="required"  class="layui-input" style="width: 150px;">
        	   </div>
       	   	<label class="layui-form-label">数量</label>
	       		<div class="layui-input-inline">
	           		<input type="text" name="amount"  id="amount" lay-verify="required"  class="layui-input" style="width: 100px;">
	       	   </div>

2.JavaScript设置

  var tableSelect = layui.tableSelect;//引入tableSelect
				tableSelect.render({
				elem: '#expCode',	//定义输入框input对象 必填
				checkedKey: 'expCode', //表格的唯一建值，非常重要，影响到选中状态 必填，选中后回显的字段
				searchKey: 'keyword',	//搜索输入框的name值 默认keyword，传递到后端的值
				searchPlaceholder: '物资代码搜索',	//搜索输入框的提示文字 默认关键词搜索
				table: {	//定义表格参数，与LAYUI的TABLE模块一致，只是无需再定义表格elem
					page:false,
                    url:'../consumables/list',//设置下拉框列表请求路径
                    cols: [[
	                    {type: 'radio' },
	                    {field:'expCode',title:'代码',width:120,sortable:true},
	                    {field:'expName',title:'名称',width:180,sortable:true},
	                    {field:'expSpec',title:'规格',width:120,sortable:true},
	                    {field:'inputCodeWB',title:'五笔首码',width:120,sortable:true}                 
                ]]
					},
					done: function (elem, data) {			
					$('#expName').val(data.data[0].expName);
					$('#expCode').val(data.data[0].expCode);
					$('#expSpec').val(data.data[0].expSpec);
					}
				})

3.后端代码：

@RequestMapping("list")
    public DataGridView list(ConsumableVo consumableVo,@RequestParam HashMap<String, String> paraMap) throws UnsupportedEncodingException {
    	String expCode=paraMap.get("keyword");
    		consumableVo.setExpCode(expCode);
    		return this.consumablesService.list(consumableVo);
    	}    	    	
    }