如何在datagid中使用 mini-looup?在线等很急

ghost1983

如题，本人想做一个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带出来，？在线等很急

felt

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

ghost1983

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

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

dforce

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

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

ghost1983

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

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


<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

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

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

ghost1983

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

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

dforce

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

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