AngularJS教程二十四—— 下拉表格

下拉表格指令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主鍵key
• textField名稱的key
• url請求url
• data請求引數，這個data的引數只能在下拉表格第一次載入時有效，不能通過這個來進行賦值
• columns表頭，同動態表格
• 必須指定ng-model用來繫結選擇的值，值為id（ng-model與idField相同）或json
• 賦值時，指令會將ng-model的值通過idField指定的key作為引數請求該url來進行查詢