多選元件,該元件為info-checkboxes的class
用例
綠色標注部分為FormColumn的infolight-options的屬性,黃色為combogrid的infolight-options屬性。紅色部份為顯示的欄位名。
以下有兩個欄位使用了checkboxes,前一個為CustomerID用有資料來源的方法,後一個EmployeeID用的是 items的方法。
<div data-role="fieldcontain"> <fieldset id="Fieldset3" name="CustomerID" data-mini="true" infolight-options="field:'CustomerID',width:120,align:'left',remoteName:'sOrders.Customers',tableName:'Customers',displayMember:'CompanyName',valueMember:'CustomerID'" class="info-checkboxes" data-role="controlgroup"> <legend>CustomerIDCheck</legend> </fieldset> </div> ----------------------------------------------------------------------------------------------------------------------------------------- <div data-role="fieldcontain"> <fieldset id="Fieldset4" name="EmployeeID" data-mini="true" infolight-options="field:'EmployeeID',width:120,align:'left',defaultValue:{type:'remote',value:['getEmployeeID']}" class="info-checkboxes" data-role="controlgroup"> <legend>EmployeeIDCheck</legend> <input id="Checkbox1" name="dataFormMaster_EmployeeID_0" type="checkbox" value="1" /> <label for="dataFormMaster_EmployeeID_0"> <input id="Checkbox2" name="dataFormMaster_EmployeeID_1" type="checkbox" value="2" /> <label for="dataFormMaster_EmployeeID_1">Andrew</label> <input id="Checkbox3" name="dataFormMaster_EmployeeID_2" type="checkbox" value="3" /> <label for="dataFormMaster_EmployeeID_2">Janet</label> </fieldset> </div> |
infolight-options
名稱 |
功能描述 |
displayMember |
顯示資料欄位 |
remoteName |
設定連接的Server端以及對應取資料的InfoCommand。格式:server專案名稱.連接的InfoCommand的ID |
tableName |
設定實際連接的InfoCommand的名稱 |
valueMember |
保存資料值欄位 |