如下圖，我們看到客戶編號在編輯時，可以通過點開放大鏡這個按鈕打開一個窗口，在該窗口中可以顯示出多欄位，同時對於每個欄位我們可以做相應的查詢。這就是我們所說的refval元件。

請將元件開發使用combogrid的客戶編號註釋起來，重新改寫為使用refval。在改寫中下面這個重點，該元件的class為info-refval。其他的屬性與comboGrid類同。改成代碼請參照如下代碼：

<input id="dataFormMasterCustomerID" name="CustomerID" type="text" class="info-refval" data-options="" infolight-options="field:'CustomerID',defaultValue:'ALFKI',form:'dataFormMaster',title:'JQRefval',panelWidth:450,remoteName:'sOrders.cmdCustomers',tableName:'cmdCustomers',columns:[],columnMatches:[],valueField:'CustomerID',textField:'CompanyName',valueFieldCaption:'客戶編號',textFieldCaption:'公司名稱'" maxlength="5" style="width:120px" />