附錄\A.類別參數 (class parameters). HardCoding使用\checkBoxes

多選元件,該元件為info-checkboxesclass

用例

綠色標注部分為FormColumninfolight-options的屬性,黃色為combogridinfolight-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">Nancy</label>

                                <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專案名稱.連接的InfoCommandID

tableName

設定實際連接的InfoCommand的名稱

valueMember

保存資料值欄位

Top of Page