jQuery MiniUI

标题: datagrid编辑editor结束后滚动条跳跃问题 [打印本页]

作者: 碧海惊涛 时间: 2016-1-25 10:01:38 标题: datagrid编辑editor结束后滚动条跳跃问题

allowCellWrap="true"时有些列换行后是多行的，开始editor某列的值为null，未初始化数据，此时编辑完spinner类型的editor时，失去焦点时，滚动条会跳跃

作者: felt 时间: 2016-1-25 10:25:23

不明白你的问题
请提供简单html页面重现你说的问题

作者: 碧海惊涛 时间: 2016-1-25 12:42:43

felt 发表于 2016-1-25 10:25
不明白你的问题
请提供简单html页面重现你说的问题

<div id="datagrid" class="mini-datagrid" allowAlternating="true"
         fitcolumns="false" pagesize="999999999" style="width: 100%; height: 100%;" allowresize="false"
         idfield="ts_InternalID" multiselect="true" allowCellWrap="true"
         frozenstartcolumn="0" frozenendcolumn="1"
         allowCellEdit="true"allowCellSelect="true"
         >
      <div property="columns">
         <div type="indexcolumn" width="50" headeralign="center">序号</div>
            <div name="ts_Explain" field="ts_Explain" width="50" headeralign="center" align="left" >评分说明</div>
            <div field="age" width="100" allowSort="true" >年龄
            <input property="editor" class="mini-spinner"  minValue="0" maxValue="200" value="25" style="width:100%;"/>
         </div>
      </div>
</div>

数据 ts_Explain 为长字符串，age 为null，编辑editor时失去焦点，浏览器滚动条跳动

作者: 碧海惊涛 时间: 2016-1-25 12:44:59

felt 发表于 2016-1-25 10:25
不明白你的问题
请提供简单html页面重现你说的问题

是因为设置了 frozenstartcolumn="0" frozenendcolumn="1" ，滚动条会跳动

作者: felt 时间: 2016-1-25 13:18:36

碧海惊涛发表于 2016-1-25 12:44
是因为设置了 frozenstartcolumn="0" frozenendcolumn="1" ，滚动条会跳动

请提供一个简单html，打开可以直接重现你说的问题

作者: 碧海惊涛 时间: 2016-1-25 13:22:57

felt 发表于 2016-1-25 13:18
请提供一个简单html，打开可以直接重现你说的问题

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="../scripts/site.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../scripts/boot.js"></script>
<script type="text/javascript" src="../scripts/alert.js"></script>
</head>
<body>
<div id="datagrid" class="mini-datagrid" allowAlternating="true"
         fitcolumns="false" pagesize="999999999" style="width: 100%; height: 100%;" allowresize="false"
         idfield="ts_InternalID" multiselect="true" allowCellWrap="true"
         frozenstartcolumn="0" frozenendcolumn="1"
         allowCellEdit="true" allowCellSelect="true" >
      <div property="columns">
         <div type="indexcolumn" width="50" headeralign="center">序号</div>
            <div name="ts_Explain" field="ts_Explain" width="50" headeralign="center" align="left" >评分说明</div>
            <div field="age" width="100" allowSort="true" >年龄
            <input property="editor" class="mini-spinner"  minValue="0" maxValue="200" value="25" style="width:100%;"/>
         </div>
      </div>
</div>

<script>
      mini.parse();
      (function aa() {
         var data = [{ "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
            { "ts_Explain": "请提供一个简单html，打开可以直接重现你说的问题请提供一个简单html，打开可以直接重现你说的问题" },
         ];
         mini.get("datagrid").set({
            data: data
         });
      })();
</script>

</body>
</html>

作者: felt 时间: 2016-1-25 14:31:57

碧海惊涛发表于 2016-1-25 13:22
序号
评分说明
...

未发现什么滚动条跳跃
[attach]7069[/attach]

作者: 碧海惊涛 时间: 2016-1-25 15:46:34

本帖最后由碧海惊涛于 2016-1-25 15:47 编辑

felt 发表于 2016-1-25 14:31
未发现什么滚动条跳跃

请把滚动条滚到最下面，鼠标点击最后一个年龄的编辑框，再点击空白处，滚动条跳到上面去了

作者: felt 时间: 2016-1-25 16:12:20

碧海惊涛发表于 2016-1-25 15:46
请把滚动条滚到最下面，鼠标点击最后一个年龄的编辑框，再点击空白处，滚动条跳到上面去了 ...

这个就是这样了，没法控制了

作者: 碧海惊涛 时间: 2016-1-25 16:38:27

felt 发表于 2016-1-25 16:12
这个就是这样了，没法控制了

可是有值的话就不会跳动、有什么办法解决这个办法，能否在cellendedit事件中解决

作者: felt 时间: 2016-1-25 17:36:34

碧海惊涛发表于 2016-1-25 16:38
可是有值的话就不会跳动、有什么办法解决这个办法，能否在cellendedit事件中解决 ...

只能现在这样了，没有什么大的影响，你再滚动一下就可以了

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