jQuery MiniUI

标题: group分组表格是否可编辑？ [打印本页]
作者: hyling    时间: 2022-3-10 10:34:24     标题: group分组表格是否可编辑？

group分组表格单元格是否可编辑？
加属性 allowCellEdit="true" 不起作用，还是不可编辑



  1. <div id="datagrid1" class="mini-datagrid" style="width:700px;height:280px;"
  2.     url="../../demo/data/AjaxService.aspx?method=SearchEmployees"  idField="id" allowResize="true"
  3.     ondrawgroup="onDrawGroup" allowCellEdit="true"
  4.         allowCellSelect="true" showColumnsMenu="true" collapseGroupOnLoad="false" enableGroupOrder="false"
  5.     groupTitleCollapsible="false" showGroupSummary="true" showSummaryRow="true" summaryPosition="top"
  6. >
复制代码




作者: happylover1278    时间: 2022-3-10 10:38:20

添加编辑器了么
作者: hyling    时间: 2022-3-10 11:20:34

happylover1278 发表于 2022-3-10 10:38
添加编辑器了么

应该加了，你帮我看看代码，谢谢

  2. <body>
  3.     <h1>Grouping 分组表格</h1>

  5.     <div style="padding-bottom:5px;">
  6.         <span>员工姓名：</span><input type="text" id="key"  />
  7.         <input type="button" value="查找" onclick="search()"/>
  8.     </div>

  10. <div id="datagrid1" class="mini-datagrid" style="width:700px;height:280px;"
  11.     url="../../demo/data/AjaxService.aspx?method=SearchEmployees"  idField="id" allowResize="true" allowCellEdit="true"
  12.     ondrawgroup="onDrawGroup"  showColumnsMenu="true" collapseGroupOnLoad="false" enableGroupOrder="false"
  13.     groupTitleCollapsible="false" showGroupSummary="true" showSummaryRow="true" summaryPosition="top"
  14. >
  15.     <div property="columns">
  16.         <div type="indexcolumn"></div>
  17.         
  18.       <div  name="LoginName"  field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号
  19.       <input property="editor" class="mini-textbox" style="width:100%;" minWidth="200" />
  20.       </div>
  21.       
  22.       
  23.       
  24.         <div field="name" width="120" headerAlign="center" allowSort="true">姓名
  25.       <input property="editor" class="mini-textbox" style="width:100%;" minWidth="200" />
  26.       </div>                           
  27.         <div  field="gender" width="100" renderer="onGenderRenderer" align="center" headerAlign="center">性别
  28.       <input property="editor" class="mini-textbox" style="width:100%;" minWidth="200" /></div>
  29.         <div  field="salary" width="100" allowSort="true" summaryType="avg" dataType="currency" currencyUnit="￥">薪资
  30.       <input property="editor" class="mini-textbox" style="width:100%;" minWidth="200" /></div>                                    
  31.         <div  field="age" width="100" allowSort="true" summaryType="max">年龄
  32.       <input property="editor" class="mini-textbox" style="width:100%;" minWidth="200" /></div>
  33.         <div  field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期
  34.       <input property="editor" class="mini-textbox" style="width:100%;" minWidth="200" /></div>
  35.     </div>
  36. </div>   
  37.    
  38.    
复制代码
作者: hyling    时间: 2022-3-10 11:27:14

happylover1278 发表于 2022-3-10 10:38
添加编辑器了么

我是拿官网的案例在线改的
http://www.miniui.com/demo/#src=datagrid/grouping.html
作者: happylover1278    时间: 2022-3-10 11:41:36

hyling 发表于 2022-3-10 11:20
应该加了，你帮我看看代码，谢谢

缺了一个属性  allowCellSelect="true"允许编辑的前提是能选中
作者: hyling    时间: 2022-3-10 12:10:11

happylover1278 发表于 2022-3-10 11:41
缺了一个属性  allowCellSelect="true"允许编辑的前提是能选中

可以了，谢谢
作者: hyling    时间: 2022-3-10 12:32:55

本帖最后由 hyling 于 2022-3-10 14:26 编辑
happylover1278 发表于 2022-3-10 11:41
缺了一个属性  allowCellSelect="true"允许编辑的前提是能选中

怎么选中某个分类，进行新增明细数据呢？用addRow只能在第一个分类下面进行新增数据
  1. <a class="mini-button" iconCls="icon-add" onclick="addRow()" plain="true" tooltip="增加...">增加</a>
复制代码
  1. function addRow() {         
  2.             var newRow = { name: "New Row" };
  3.             grid.addRow(newRow, 0);

  5.             grid.beginEditCell(newRow, "LoginName");
  6.         }
复制代码



作者: felt    时间: 2022-3-16 16:31:14

hyling 发表于 2022-3-10 12:32
怎么选中某个分类，进行新增明细数据呢？用addRow只能在第一个分类下面进行新增数据

添加之后重新分组



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