在Form表单中，lookup如何做到值的回显？

Karl.Zhang

版主，您好，
    我在Form表单中使用了lookup控件，但是在值回显的时候遇到了问题，问题如下所示
   
    表格已经选中了，请问如何解决？

dforce

提供一下这个lookup相关的代码来分析一下,
包括表格的

Karl.Zhang

dforce 发表于 2019-3-4 16:09
提供一下这个lookup相关的代码来分析一下,
包括表格的

1. <tr>
   
2.         <td class="form_label">Handbook:</td>
   
3.         <td><input class="mini-lookup" textField="handbookNo" displayField="handbookNo" valueField="handbookNo" name="faCaseOperation.handbookNo" popupWidth="auto" popup="handbookPanel" grid="handbookGrid" multiSelect="false"/></td>
   
4. </tr>
   
5. 
   
6. <div id="handbookPanel" class="mini-panel" title="" width="auto" showToolbar="true">
   
7.         <div property="toolbar">
   
8.                 <table class="basic-table">
   
9.                         <tr>
   
10.                                 <td class="form_label">Handbook No:</td>
    
11.                                 <td><input id="handbookNo" class="mini-textbox"/></td>
    
12.                                 <td class="form_label">Handbook Name:</td>
    
13.                                 <td><input id="handbookName" class="mini-textbox"/></td>
    
14.                         </tr>
    
15.                         <tr>
    
16.                                 <td class="form_label">Case No:</td>
    
17.                                 <td><input id="caseNo" class="mini-textbox"/></td>
    
18.                                 <td class="form_label">Applicant:</td>
    
19.                                 <td><input class="mini-emplookup" id="applicant" popupWidth="auto"  multiSelect="false"/></td>
    
20.                         </tr>
    
21.                         <tr>
    
22.                                 <td class="form_label">Product ID:</td>
    
23.                                 <td><input class="mini-combobox" id="productId" required="false" dataField="" valueField="id" textField="name" url=""></td>
    
24.                         </tr>
    
25.                 </table>
    
26.                 <table class="basic-table">
    
27.                         <tr>
    
28.                                 <td style="text-align: center; align: center;" colspan="2">
    
29.                                         <a class="mini-button mini-button-search" onclick="searchHandbook()"><i class="fa fa-search"></i>Search</a>
    
30.                                         <a class="mini-button mini-button-reset" onclick="resetHandbook()"><i class="fa fa-refresh"></i>Reset</a>
    
31.                                         <a class="mini-button mini-button-warn" onclick="clearHandbook()"><i class="fa fa-trash-o"></i>Clear</a>
    
32.                                         <a class="mini-button mini-button-reset" onclick="closeHandbook()"><i class="fa fa-reply"></i>Close</a>
    
33.                                 </td>
    
34.                         </tr>
    
35.                 </table>
    
36.         </div>
    
37.         <div id="handbookGrid" class="mini-datagrid" width="1000px" style="height: auto;" idField="handbookNo" displayField="handbookNo" url="" autoLoad="" showPageSize="false" showPageIndex="false">
    
38.                 <div property="columns">
    
39.                         <div type="checkcolumn"></div>
    
40.                         <div field="handbookNo" headerAlign="center">Handbook No</div>
    
41.                         <div field="handbookName" headerAlign="center">Handbook Name</div>
    
42.                         <div field="applicantNo" headerAlign="center">Applicant Name</div>
    
43.                         <div field="comments" headerAlign="center" align="center" >Comments</div>
    
44.                         <div field="createrdate"  headerAlign="center" align="center" dateFormat="yyyy-MM-dd H:mm:ss" allowSort="true">Creater Date</div>
    
45.                 </div>
    
46.         </div>
    
47. </div>

复制代码

我加了一些displayFiled也没用

dforce

Karl.Zhang 发表于 2019-3-4 20:42
我加了一些displayFiled也没用

本地测试可以点击选中下拉中的行来选中数据
你是通过点击选中的行吗？

Karl.Zhang

dforce 发表于 2019-3-5 09:17
本地测试可以点击选中下拉中的行来选中数据
你是通过点击选中的行吗？

版主您好，手动选中的时候没问题，lookup控件能展示我选中的数据。但是在我加载数据的时候，用户希望能直接看到之前选中的数据，这时候就出问题了

dforce

Karl.Zhang 发表于 2019-3-5 09:30
版主您好，手动选中的时候没问题，lookup控件能展示我选中的数据。但是在我加载数据的时候，用户希望能直 ...

请给控件设置value和text
mini.get(id).setValue(..)
mini.get(id).setText(..)

Karl.Zhang

dforce 发表于 2019-3-5 09:33
请给控件设置value和text
mini.get(id).setValue(..)
mini.get(id).setText(..)

您好，我在加载表单的时候，就给lootup控件设置值了。
设置值的时候，显示datagrid已经被选中了，但是lookup控件没有显示值。就是我发帖时那张图片显示的样子

Karl.Zhang

版主，您好，解决了，必须要要在js中设置Text，设置了Value是不够的，您的方案是对的，谢谢！

dforce

Karl.Zhang 发表于 2019-3-5 10:52
版主，您好，解决了，必须要要在js中设置Text，设置了Value是不够的，您的方案是对的，谢谢！ ...

嗯，lookup内下拉不是初始就加载的，所以text和id不是能对的上的，所以需要同时设置