jQuery MiniUI

标题: 在Form表单中，lookup如何做到值的回显？ [打印本页]
作者: Karl.Zhang    时间: 2019-3-4 14:43:02     标题: 在Form表单中，lookup如何做到值的回显？

版主，您好，
    我在Form表单中使用了lookup控件，但是在值回显的时候遇到了问题，问题如下所示
    [attach]11992[/attach]
    表格已经选中了，请问如何解决？
作者: dforce    时间: 2019-3-4 16:09:11

提供一下这个lookup相关的代码来分析一下,
包括表格的
作者: Karl.Zhang    时间: 2019-3-4 20:42:05

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>

  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    时间: 2019-3-5 09:17:42

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

[attach]11994[/attach]本地测试可以点击选中下拉中的行来选中数据
你是通过点击选中的行吗？
作者: Karl.Zhang    时间: 2019-3-5 09:30:11

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

版主您好，手动选中的时候没问题，lookup控件能展示我选中的数据。但是在我加载数据的时候，用户希望能直接看到之前选中的数据，这时候就出问题了
作者: dforce    时间: 2019-3-5 09:33:59

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

请给控件设置value和text
mini.get(id).setValue(..)
mini.get(id).setText(..)
作者: Karl.Zhang    时间: 2019-3-5 09:42:09

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

您好，我在加载表单的时候，就给lootup控件设置值了。
设置值的时候，显示datagrid已经被选中了，但是lookup控件没有显示值。就是我发帖时那张图片显示的样子
作者: Karl.Zhang    时间: 2019-3-5 10:52:12

版主，您好，解决了，必须要要在js中设置Text，设置了Value是不够的，您的方案是对的，谢谢！
作者: dforce    时间: 2019-3-5 10:57:43

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

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



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2