jQuery MiniUI

标题: 如何在datagid中使用 mini-looup?在线等很急 [打印本页]

作者: ghost1983 时间: 2015-8-18 17:15:18 标题: 如何在datagid中使用 mini-looup?在线等很急

如题，本人想做一个dategrid中的多项选择，请问如何使用？
我的代码如下
<div id="datagrid"  class="mini-datagrid" style="width:100%;height:580px;"
      url="/TBPWeb/app/LjhAction.do?method=queryBHSB" idField="id"  ajaxOptions="{contentType:'application/x-www-form-urlencoded; charset=UTF-8'}"
      allowResize="true" pageSize="20"
      allowCellEdit="true" allowCellSelect="true" multiSelect="true"
      editNextOnEnterKey="true"  editNextRowCell="true" allowHeaderWrap="true"
>

      <div property="columns">
      <div type="indexcolumn"></div>
      <div name="bhdl"  field="bhdl" headerAlign="center" align="center"  width="8%"  >设备大类</div>
         <div name="protect_type"  field="protect_type" headerAlign="center" align="center"  width="8%"  >设备类型</div>
         <div name="equip_name"  field="equip_name" headerAlign="center" align="center"  width="19%"  >设备名称</div>
         <div name="voltage_id"  field="voltage_id" headerAlign="center" align="center"  width="10%"  >电压等级</div>
         <div name="stationname"  field="stationname" headerAlign="center" align="center"  width="15%"  >所属厂站</div>
         <div name="sj"  field="sj" headerAlign="center" align="center"  width="15%"  >一次设备ID</div>
         <div name="rzlx"  field="rzlx" headerAlign="center" align="center"  width="15%">一次设备名称
         <input id="lookup2" class="mini-lookup" style="width:200px;" multiSelect="true"  textField="name" valueField="id" popupWidth="auto" popup="#gridPanel" grid="#datagrid2"/>
         </div>
         <div name="xsr" field="xsr" headerAlign="center"  align="center" width="15%"  >匹配人</div>
      </div>
</div>

<div id="gridPanel" class="mini-panel" title="header" iconCls="icon-add" style="width:450px;height:250px;"
      showToolbar="true" showCloseButton="true" showHeader="false" bodyStyle="padding:0" borderStyle="border:0"
>
      <div property="toolbar" style="padding:5px;padding-left:8px;text-align:center;">
         <div style="float:left;padding-bottom:2px;">
            <span>姓名：</span>
            <input id="keyText" class="mini-textbox" style="width:160px;"/>
            <a class="mini-button">查询</a>
            <a class="mini-button">清除</a>
         </div>
         <div style="float:right;padding-bottom:2px;">
            <a class="mini-button">关闭</a>
         </div>
         <div style="clear:both;"></div>
      </div>
      <div id="datagrid2" class="mini-datagrid" style="width:100%;height:100%;"
         borderStyle="border:0" showPageSize="false" showPageIndex="false"
         url="../data/AjaxService.aspx?method=SearchEmployees"
      >
         <div property="columns">
            <div type="checkcolumn" ></div>
            <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>
            <div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>
            <div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
         </div>
      </div>
</div>

但是表单显示确如下没有显示到相应的字段中？另求大神指点如何存ID 但是加载时自动把 NAME带出来，？在线等很急
[attach]6495[/attach]

作者: felt 时间: 2015-8-18 17:36:14

http://www.miniui.com/demo/#src=datagrid/rowedit_lookup.html
我们有表格lookup编辑器的示例

作者: ghost1983 时间: 2015-8-18 17:50:22

felt 发表于 2015-8-18 17:36
http://www.miniui.com/demo/#src=datagrid/rowedit_lookup.html
我们有表格lookup编辑器的示例 ...

mini-lookup 保存的时候保存了ID 加载的时候会自动转译么？

作者: dforce 时间: 2015-8-19 09:18:58

ghost1983 发表于 2015-8-18 17:50
mini-lookup 保存的时候保存了ID 加载的时候会自动转译么？

不会，请将文本和值都保留

作者: ghost1983 时间: 2015-8-19 12:36:12

dforce 发表于 2015-8-19 09:18
不会，请将文本和值都保留

求大神指点如何将文本和值都保存，另外现在遇到个问题如下图，我只选择了上面三行内容，但是下面的每个下拉框点击都有值，且跟第3个一一致，这是什么情况，代码在下面
[attach]6508[/attach]

<div id="datagrid"  class="mini-datagrid" style="width:100%;height:580px;"
      url="/TBPWeb/app/LjhAction.do?method=queryBHSB" idField="id"  ajaxOptions="{contentType:'application/x-www-form-urlencoded; charset=UTF-8'}"
      allowResize="true" pageSize="20"
      allowCellEdit="true" allowCellSelect="true" multiSelect="true"
      editNextOnEnterKey="true"  editNextRowCell="true" allowHeaderWrap="true"
>

      <div property="columns">
        <div type="indexcolumn"></div>
        <div name="bhdl"  field="bhdl" headerAlign="center" align="center"  width="8%"  >设备大类</div>
         <div name="protect_type"  field="protect_type" headerAlign="center" align="center"  width="8%"  >设备类型</div>
         <div name="equip_name"  field="equip_name" headerAlign="center" align="center"  width="19%"  >设备名称</div>
         <div name="voltage_id"  field="voltage_id" headerAlign="center" align="center"  width="10%"  >电压等级</div>
         <div name="stationname"  field="stationname" headerAlign="center" align="center"  width="15%"  >所属厂站</div>
         <div name="sj"  field="sj" headerAlign="center" align="center"  width="15%"  >一次设备ID</div>
         <div name="rzlx"  field="rzlx" headerAlign="center" align="center"  width="15%">一次设备名称
         <input property="editor" id="lookup2" class="mini-lookup" style="width:100%;" textField="sbmc" valueField="equip_id" popupWidth="auto"
                  popup="#gridPanel" grid="#datagrid1" multiSelect="true" />
         </div>
         <div name="xsr" field="xsr" headerAlign="center"  align="center" width="15%"  >匹配人</div>
      </div>
</div>

<div id="gridPanel" class="mini-panel" title="header" iconCls="icon-add" style="width:650px;height:250px;" visible="false"
      showToolbar="true" showCloseButton="true" showHeader="true" bodyStyle="padding:0" borderStyle="border:0"
>
      <div property="toolbar" style="padding:5px;padding-left:8px;text-align:center;">
         <span>厂站名称：</span>
         <input id="cz" name="cz" class="mini-autocomplete" style="width:160px;" textField="station_name" valueField="station_id"
         url="/TBPWeb/app/LjhAction.do?method=queryRzlx&typeid=6&mk=99" showNullItem="true" allowInput="true"/>
         <span>设备类型：</span>
         <input id="lx" name="lx" class="mini-combobox" style="width:80px;" textField="content" valueField="id"
         url="/TBPWeb/app/LjhAction.do?method=queryRzlx&typeid=7&mk=7" showNullItem="true" allowInput="true"/>
         <a class="mini-button">查询</a>
         <a class="mini-button">清除</a>
      </div>
      <div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;"
         borderStyle="border:0" showPageSize="false" showPageIndex="false"
         url="/TBPWeb/app/LjhAction.do?method=queryYCSB"
      >
         <div property="columns">
            <div type="checkcolumn" >#</div>
            <div field="sbmc" width="40%" headerAlign="center" allowSort="true">设备名称</div>
            <div field="equiptype_name" width="40%" headerAlign="center" allowSort="true">设备类型</div>
            <div field="voltage_name" width="15%" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">电压等级</div>
         </div>
      </div>
</div>

作者: ghost1983 时间: 2015-8-19 12:45:58

dforce 发表于 2015-8-19 09:18
不会，请将文本和值都保留

其他问题已经解决，现在就差文本和值都保留的问题了，请大神指点，另外如果都保存，那么从数据库取值的时候数组如何组装才能在页面正常显示？

作者: ghost1983 时间: 2015-8-19 13:00:34

dforce 发表于 2015-8-19 09:18
不会，请将文本和值都保留

好吧所有问题都解决了，多谢版主指点~

作者: dforce 时间: 2015-8-19 13:00:39

ghost1983 发表于 2015-8-19 12:45
其他问题已经解决，现在就差文本和值都保留的问题了，请大神指点，另外如果都保存，那么从数据库取值的 ...

参考示例，该列设置displayField
field对应值，displayField对应文本，表格数据里面需要这2个字段都有

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)