下拉表格指令ed-combogrid
下拉表格指令扩展了ed-combo,能够下拉选择表格的内容。
一 使用方法:
<div class="form-group">
<label class="col-md-3 control-label">下拉表格</label>
<div class="col-md-4">
<div ed-combogrid ng-model="userId" data-options="
panelWidth: 500,
idField: 'userId',
textField: 'userName',
url: 'user/query.do',
data: {
id: '1'
},
columns: [[
{col:'_index',width:80},
{col:'userCode',name:'用户名',width:120},
{col:'userName',name:'用户姓名',width:80,align:'right'},
{col:'gender | code : gender',name:'性别',width:80,align:'right'},
{col:'telephone',name:'手机号码',width:200}
]]
">
</div>
</div>
</div>
data-options
用来指定表格显示内容panelWidth
下拉菜单宽度idField
主键keytextField
名称的keyurl
请求urldata
请求参数,这个data的参数只能在下拉表格第一次加载时有效,不能通过这个来进行赋值columns
表头,同动态表格- 必须指定
ng-model
用来绑定选择的值,值为id(ng-model
与idField
相同)或json - 赋值时,指令会将
ng-model
的值通过idField
指定的key作为参数请求该url来进行查询