jQuery MiniUI

标题: grid如何设置动态的可编辑的子表格 [打印本页]

作者: LingMx 时间: 2017-8-25 10:25:13 标题: grid如何设置动态的可编辑的子表格

grid如何设置动态的可编辑的子表格：
因为需要用到可以全部展开的子表格可以同时对其进行编辑，所以需要实现子表格的编辑，但是我看了下论坛，如果要全部展开需要自己配置动态加载子表格，所以想请教一下如何配置让它能够实现

作者: dforce 时间: 2017-8-25 15:47:00

做了个简单例子，你可以看一下[attach]9781[/attach]

作者: LingMx 时间: 2017-8-25 17:18:20

dforce 发表于 2017-8-25 15:47
做了个简单例子，你可以看一下

3Q~还有补充一个问题，动态加载的子表格里面如何加隐藏列和按钮，例如：
   <div id="editForm1" style="display:none;">
            <div id="detailGrid_Form" class="mini-datagrid"  showPager="false" allowCellEdit="true" allowCellSelect="true" style="width:100%;height:75px;" url="com.cnooc.grid.CnoocDemoList.do?cmd=getItemsDesc" >
         <input class="mini-hidden" name="ROWGUID"/>
         <input class="mini-hidden" name="PROTOCOLROWGUID" /> <input
class="mini-hidden" name="ITEMROWGUID" />
         <div property="columns">
            <div field="ITEMNO"  width="120" headerAlign="center" allowSort="true">行项目编号
                  <input property="editor" class="mini-textbox" />
            </div>

         </div>
</div>
      <div style="text-align:right;padding-top:5px;padding-right:20px;" colspan="6">
      <p:commandButton styleClass="btn" iconCls="icon-save" value="保存" onclick="updateRow()" plain="true"/>    
      <p:commandButton styleClass="btn" iconCls="icon-save" value="取消" onclick="cancelRow()" plain="true"/>
      </div>
</div>

里面画mini-hidden和commandButton 按钮

作者: felt 时间: 2017-8-26 11:03:54

本帖最后由 dforce 于 2017-8-28 13:15 编辑

LingMx 发表于 2017-8-25 17:18
3Q~还有补充一个问题，动态加载的子表格里面如何加隐藏列和按钮，例如：

隐藏列请加visible="false"，不要再里面放mini-hidden。
要放其他的东西，请通过ondrawcell绘制方法来绘制，包括你的commandbutton
http://www.miniui.com/demo/#src=datagrid/drawcell.html

作者: LingMx 时间: 2017-8-28 11:17:44

felt 发表于 2017-8-26 11:03
隐藏列请加visible="false"，不要再里面放mini-hidden。
要放其他的东西，请通过ondrawcell绘制方法来绘 ...

3Q~~~这样就方便搞了~~

作者: LingMx 时间: 2017-8-29 08:59:02

felt 发表于 2017-8-26 11:03
隐藏列请加visible="false"，不要再里面放mini-hidden。
要放其他的东西，请通过ondrawcell绘制方法来绘制 ...

还遇到个问题，怎么获取这种情况下子表的行数据啊？这边没法通过mini.get()方法获取当前的id的表了。。。

作者: felt 时间: 2017-8-29 09:51:31

LingMx 发表于 2017-8-29 08:59
还遇到个问题，怎么获取这种情况下子表的行数据啊？这边没法通过mini.get()方法获取当前的id的表了。。 ...

子表个生成的时候可以给个和主表行相关联的id，这样方便获取到子表格。

作者: LingMx 时间: 2017-8-29 10:10:11

felt 发表于 2017-8-29 09:51
子表个生成的时候可以给个和主表行相关联的id，这样方便获取到子表格。

grid.on("select", function (e) {
   myrows.push(e.record);

      })
      grid.on("deselect", function (e) {
   myrows.remove(e.record);

      })

我这样写是不是也是可以的？
获取到它选中的行数据

作者: felt 时间: 2017-8-29 11:15:17

LingMx 发表于 2017-8-29 10:10
grid.on("select", function (e) {
myrows.push(e.record);

你这grid是什么，myrows存放的又是什么？

作者: LingMx 时间: 2017-8-29 11:24:47

felt 发表于 2017-8-29 11:15
你这grid是什么，myrows存放的又是什么？

情况是这样的，我这边是设置了两张没有关联的两张表，但这两张表有匹配关系需要通过传值存表；
我把主表的rowguid和子表关联作为data展示，然后挑选子表（单选）把主表的rowguid和子表的rowguid组成map一起传值；
然后我发现在create子表的时候可以用grid。on的select和deselect方法获取到当前的record，然后我就var了一个数组，把当前行数据放进去了，貌似可以用。。。

这边有个问题要问一下，如何设置勾选了子表，自动勾选主表的checkbox？

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