查看: 4710|回复: 6

锁定列后的新问题 [复制链接]

m2013

注册会员

Rank: 2

电梯直达

楼主

发表于 2013-9-14 11:47:04 |只看该作者 |倒序浏览

锁定列被全部解除后，查询行和汇总行单元格不能和主体表格对齐，相差个数为锁定列的个数

收藏0

m2013

注册会员

Rank: 2

沙发

发表于 2013-9-14 11:59:07 |只看该作者

在使用解除锁定列功能时，如有自动序号列、单选或多选列、展开明细表列时，这些列会被先删除后再重建，导致表格左右晃动。

factory

超级版主

Rank: 8 Rank: 8

板凳

发表于 2013-9-14 12:57:14 |只看该作者

m2013 发表于 2013-9-14 11:59
在使用解除锁定列功能时，如有自动序号列、单选或多选列、展开明细表列时，这些列会被先删除后再重建，导致 ...

页面头部的<!doctype。。。。>写完整，还有IE不要用兼容模式查看，
是不是这两点导致了你的问题？你提交的问题，除了内嵌详细表格是因为本来就不支持，所以是有这个问题以外，其他的我们这边测试都没有出现问题

m2013

注册会员

Rank: 2

地板

发表于 2013-9-14 17:23:43 |只看该作者

本帖最后由 m2013 于 2013-9-14 17:44 编辑

factory 发表于 2013-9-14 12:57
页面头部的写完整，还有IE不要用兼容模式查看，
是不是这两点导致了你的问题？你提交的问题，除了内嵌详 ...

发一个完整的测试，看看是不是我的问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>FixedColumns 锁定列</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />

<script src="../../scripts/boot.js" type="text/javascript"></script>


</head>
<body>
<h1>FixedColumns 锁定列</h1>
<div style="padding-bottom:5px;">
  <input type="button" value="取消锁定"/>
      <input type="button" value="锁定列"/>
</div>
<div id="datagrid1" class="mini-datagrid" style="width:100%;height:500px;" allowResize="true"
      url="../data/AjaxService.php?method=SearchEmployees"  pagesize="20" idField="id"
      frozenStartColumn="0" frozenEndColumn="6"  showFilterRow="true" showSummaryRow="true" >
      <div property="columns">
         <div type="indexcolumn">序号</div>
<div type="expandcolumn" >#</div>
         <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 header="工作信息">
            <div property="columns">
                  <div field="dept_name" width="120">所属部门<input id="dept_name" property="filter" class="mini-textbox" style="width:100%;"/></div>
                  <div field="position_name" width="100">职位<input id="position_name" property="filter" class="mini-textbox" style="width:100%;"/></div>
                  <div field="salary" width="100" allowSort="true" summaryType="sum">薪资<input id="salary" property="filter" class="mini-textbox" style="width:100%;"/></div>
            </div>
         </div>
         <div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
         <div header="基本信息">
            <div property="columns">
                  <div field="gender" width="100" renderer="onGenderRenderer">性别</div>
                  <div field="age" width="100" allowSort="true" summaryType="sum">年龄</div>
                  <div field="birthday" width="100" renderer="onBirthdayRenderer">出生日期</div>
                  <div field="married" width="100" align="center" renderer="onMarriedRenderer">婚否</div>
                  <div field="email" width="100">邮箱</div>
            </div>
         </div>
      </div>
</div>
</body>
</html>
<script type="text/javascript">
      mini.parse();
      var grid = mini.get("datagrid1");
      grid.load();
      function unfixColumns() {
         grid.unFrozenColumns();
      }
      function fixColumns() {
         grid.frozenColumns(0, 1);
      }
function onDrawSummaryCell(e) {
//客户端汇总计算
if (e.field == "dept_name") {
      e.cellHtml = "合计";
}
if (e.field == "salary") {
      e.cellHtml = e.cellHtml;
}
if (e.field == "age") {
      e.cellHtml = e.cellHtml;
}
}
</script>