datagrid 加载 combobox

晓花ovo

前端代码：

1. <div id="add_ToCart_grid" class="mini-datagrid" style="width:650px;height:280px;"
   
2.     url="${request.getContextPath()}/controller/goodsSpec/queryGoodsSpecForGrid"
   
3.     allowCellEdit="true" allowCellSelect="true" multiSelect="true">
   
4.    <div property="columns">
   
5. 
   
6.       <div field="specTitle" width="120" headerAlign="center" allowSort="true">规格名</div>
   
7. 
   
8.       <div field="specItem" width="150" headerAlign="center" >规格项
   
9.          <input property="editor" class="mini-combobox" style="width:100%;" valueField="id" textField="name"/>
   
10.       </div>
    
11.    </div>
    
12. </div>

复制代码

接收到的数据



是否可以设置上去，我上面的代码设置后全是object
没点的时候：

点击后：

晓花ovo

有没有办法设置上去呢，我现在想的还有种方法就是等datagrid加载完成后，然后根据name获取到所有的combobox然后再一一设置上去

晓花ovo

刚才还尝试了name获取
前端代码开始那样子，不过input加了个name属性

1. <input name="specItemCombobox" property="editor" class="mini-combobox" style="width:100%;" valueField="id" textField="name"/>

复制代码

之后：js代码

1. add_ToCart_grid.load({goodsId:goodsId});
   
2.                
   
3. add_ToCart_window.show();
   
4. 
   
5. var specItemCombobox = mini.getsbyName("specItemCombobox");
   
6. console.log(specItemCombobox);

复制代码

打印后的值为一个空数组[]

晓花ovo

felt 发表于 2021-1-15 09:11
http://www.miniui.com/demo/#src=datagrid/celllinkedit.html
参考职位列

好的谢谢

晓花ovo

felt 发表于 2021-1-15 16:49
你这里是行数据里面带了本行下拉数据的选项。
也可以这样处理
规格项

这个样子设置后，调用grid.getData()的时候获取的就是下拉框的所有数据，而不是当前选择的下拉框的数据

晓花ovo

felt 发表于 2021-1-19 09:04
field="specItem_id" displayField="specItem_text"
这两个字段对应的才是你选择的数据。 ...

奥这样子，谢谢啦

晓花ovo

felt 发表于 2021-1-19 09:04
field="specItem_id" displayField="specItem_text"
这两个字段对应的才是你选择的数据。 ...

您好，再麻烦问一下，这个为什么我的data中combobox的onchangevalue事件会“延迟”，比如我选择了颜色“红色”，此时调用grid.getData()时，获取到的数据没有这个颜色，但是我再重新选择颜色“绿色”，这时候调用grid.getData()，获取到的combobox的值就是上次选择的“红色”，这个是什么原因呢

晓花ovo

晓花ovo 发表于 2021-1-20 09:47
您好，再麻烦问一下，这个为什么我的data中combobox的onchangevalue事件会“延迟”，比如我选择了颜色“ ...

1.         <div id="add_ToCart_grid" class="mini-datagrid" style="width:650px;height:280px;"
   
2.                  url="${request.getContextPath()}/controller/goodsSpec/queryGoodsSpecForGrid"
   
3.                  allowCellEdit="true" allowCellSelect="true" multiSelect="true" >
   
4.                 <!--OnCellBeginEdit="OnCellBeginEdit"-->
   
5.                 <div property="columns">
   
6. 
   
7.                         <div name="specTitleName" field="specTitle" width="120" headerAlign="center" allowSort="true">规格名</div>
   
8. 
   
9.                         <div field="specItem_id" displayField="specItem_text"  width="150" headerAlign="center">规格项
   
10.                                 <input property="editor" class="mini-combobox" onvaluechanged="getSpecPrice()" style="width:100%;" valueField="id" textField="text"/>
    
11.                         </div>
    
12.                 </div>
    
13.         </div>

复制代码

js

1.         function getSpecPrice(){
   
2.                 var goodsId = mini.get("add_ToCart_goodsId").getValue();
   
3.                 var data = add_ToCart_grid.getData();
   
4.                 var dataJson = JSON.stringify(data);
   
5.                 console.log(dataJson);
   
6.         }

复制代码

晓花ovo

felt 发表于 2021-1-20 10:07
combobox值变动的时候还没有把数据更新到表格上，所以你获取到的表格数据还是未编辑的。
建议在oncellend ...

好啦，谢谢啦！