您的位置:首页 > 产品设计 > UI/UE

easyui ComboGrid

2016-09-06 20:07 267 查看
虽然easyui combogrid官方例子



很不错,但是实际使用的时候却不能直接使用,例如下面的效果,代码实际是这样的。

<tr>
<td width="25%" style="text-align: right">班次:</td>
<td width="75%"><input id="shift" name="shift" style="width: 90%"
data-options="required:true"
value="${smsEmployeeScheduleArrangeDto.shift}"></td>
</tr>


在初始化的事情,引入这段代码。

/**
* 班次
*/
function createShiftGrid(){
$('#shift').combogrid({
url:ctx+'/smsShift/find',method: 'get',
idField:'id',textField:'name',fitColumns:true,panelWidth:450,
columns:[[
{field:'id',title:'ID',hidden:true}
,{field:'name',title:'班次',sortable:true,width:100,align:'left',halign:'center' }
,{field:'beginTime',title:'起始时间点',sortable:true,width:100,align:'left',halign:'center' }
,{field:'endTime',title:'截止时间点',sortable:true,width:100,align:'left',halign:'center' }
,{field:'description',title:'描述',sortable:true,width:100,align:'left',halign:'center' }
]]
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  easyui