下拉表格指令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>

enter image description here

  • data-options用来指定表格显示内容
  • panelWidth下拉菜单宽度
  • idField主键key
  • textField名称的key
  • url请求url
  • data请求参数,这个data的参数只能在下拉表格第一次加载时有效,不能通过这个来进行赋值
  • columns表头,同动态表格
  • 必须指定ng-model用来绑定选择的值,值为id(ng-modelidField相同)或json
  • 赋值时,指令会将ng-model的值通过idField指定的key作为参数请求该url来进行查询