與ComboBox相似，但不同之處在於ComboGrid中顯示的參考資料以Grid的形式顯示多列參考資料。該元件為info-combogrid的class
用例
綠色標註部分為FormColumn的infolight-options的屬性，黃色為combogrid的infolight-options屬性。
|
<input id="dataFormMasterEmployeeID" name="EmployeeID" type="text" class="info-combogrid" data-options="" infolight-options="field:'EmployeeID',defaultValue:'client[GetCurrUser]',form:'dataFormMaster',panelWidth:300,valueField:'EmployeeID',textField:'LastName',remoteName:'sOrders.cmdEmployees',tableName:'cmdEmployees',valueFieldCaption:'EmployeeID',textFieldCaption:'LastName',selectOnly:true,columns:[{field:'EmployeeID',title:'員工編號',width:80,align:'left',sortable:false},{field:'LastName',title:'姓氏',width:80,align:'left',sortable:false}]" style="width:120px" /> |
infolight-options
|
名稱 |
功能描述 |
|
valueField |
保存資料值欄位 |
|
textField |
顯示資料欄位 |
|
valueFieldCaption |
在columns沒有設定的情況下，用於作爲顯示的Grid中的保存資料欄位的標題 |
|
textFieldCaption |
在columns沒有設定的情況下，用於作爲顯示的Grid中的保存顯示資料欄位的標題 |
|
remoteName |
設定連接的Server端以及對應取資料的InfoCommand。格式：server專案名稱.連接的InfoCommand的ID |
|
tableName |
設定實際連接的InfoCommand的名稱 |
|
selectOnly |
在ComboBox中不可輸入 |
|
columns |
設定在Grid中顯示的欄位，該屬性可以不設定 |
|
onSelect |
資料選中時，可執行的js方法，輸入值為方法名稱 |