jQuery MiniUI

标题: 允许多选下，datagrid在第一次选中行时，会产生锚点定位问题 [打印本页]
作者: zyah    时间: 2019-6-24 10:17:19     标题: 允许多选下，datagrid在第一次选中行时，会产生锚点定位问题

允许多选下，datagrid在第一次选中行时，会产生锚点定位问题，是表格移动至最顶端，请问各位大佬有没有避免的方式
作者: felt    时间: 2019-6-24 11:07:34

如何重现这样的问题？
http://www.miniui.com/demo/#src=datagrid/datagrid.html
作者: zyah    时间: 2019-6-24 13:50:37

felt 发表于 2019-6-24 11:07
如何重现这样的问题？
http://www.miniui.com/demo/#src=datagrid/datagrid.html

我在案例里编辑都是正常的，只有我这里会产生表格上移的情况，跟我的表头和数据都是js set进去的有关系吗
作者: felt    时间: 2019-6-24 15:01:35

zyah 发表于 2019-6-24 13:50
我在案例里编辑都是正常的，只有我这里会产生表格上移的情况，跟我的表头和数据都是js set进去的有关系吗 ...

这个应该是没关系的，请提供一个重现问题的简单html来分析
作者: zyah    时间: 2019-6-24 17:27:20

felt 发表于 2019-6-24 15:01
这个应该是没关系的，请提供一个重现问题的简单html来分析
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8. <div class="svy-layer-wrapper svy-page-query">
  9.     <div class="pub-main">
  10.         <div class="layer-row container">
  11.                 <div id="Echarts" style="height:300px;"></div>
  12.             <div id="datagrid1" class="mini-datagrid" style="width:100%;height:auto;"
  13.                  idField="HBS" pageSize="-1" autoLoad="false"  multiSelect="true"
  14.                  borderStyle="border-width:1px;">
  15.             </div>
  16.         </div>
  17.     </div>
  18. </div>

  20. </body>
  21. <script type="text/javascript" src="../../../../daie/scripts/jquery.v1.7.2.js" charset="utf-8"></script>
  22. <script type="text/javascript" src="../../../../daie/scripts/miniui/miniui.js" charset="utf-8"></script>
  23. <script type="text/javascript">
  24.     jQuery(document).ready(function(){
  25.         var datagrid = mini.get("datagrid1")
  26.         var cols = [];
  27.         cols.push({
  28.             field: "XH",
  29.             width: 60,
  30.             type : "indexcolumn",
  31.             summaryType : "sum",
  32.             header: "序号",
  33.             allowSort: false
  34.         });
  35.         cols.push({
  36.             field: "XMMC",
  37.             width: 160,
  38.             headerAlign: "left",
  39.             align:"left",
  40.             header: "项目",
  41.             allowSort: false
  42.         });
  43.         datagrid.setColumns(cols);
  44.         var sz = [{
  45.             "XMMC": "营业收入",
  46.             "XMDM": "YYSR",
  47.             "2017年": 126099.25,
  48.             "GJXMBZ": "Y",
  49.             "2018年": 186099.25,
  50.             "2016年": 106099.25
  51.         }, {
  52.             "XMMC": "营业成本",
  53.             "XMDM": "YYCB",
  54.             "2017年": 69032.14,
  55.             "GJXMBZ": "Y",
  56.             "2018年": 89032.14,
  57.             "2016年": 60032.14
  58.         }, {
  59.             "XMMC": "营业税金及附加",
  60.             "XMDM": "YYSJ_FJ",
  61.             "2017年": 27750.58,
  62.             "GJXMBZ": null,
  63.             "2018年": 47750.58,
  64.             "2016年": 20750.58
  65.         }, {
  66.             "XMMC": "销售费用",
  67.             "XMDM": "XSFY",
  68.             "2017年": 59505.56,
  69.             "GJXMBZ": "Y",
  70.             "2018年": 69505.56,
  71.             "2016年": 50505.56
  72.         }, {
  73.             "XMMC": "管理费用",
  74.             "XMDM": "GLFY",
  75.             "2017年": 75010.2,
  76.             "GJXMBZ": null,
  77.             "2018年": 85010.2,
  78.             "2016年": 70010.2
  79.         }, {
  80.             "XMMC": "财务费用",
  81.             "XMDM": "CWFY",
  82.             "2017年": 100409.91,
  83.             "GJXMBZ": "Y",
  84.             "2018年": 160409.91,
  85.             "2016年": 80409.91
  86.         }, {
  87.             "XMMC": "资产减值损失",
  88.             "XMDM": "ZCJZSS",
  89.             "2017年": 109587.84,
  90.             "GJXMBZ": null,
  91.             "2018年": 119587.84,
  92.             "2016年": 89587.84
  93.         }, {
  94.             "XMMC": "公允价值变动收益",
  95.             "XMDM": "GYJZBDSY",
  96.             "2017年": 106617.61,
  97.             "GJXMBZ": "Y",
  98.             "2018年": 127617.61,
  99.             "2016年": 86617.61
  100.         }, {
  101.             "XMMC": "投资收益",
  102.             "XMDM": "TZSY",
  103.             "2017年": 159061.01,
  104.             "GJXMBZ": null,
  105.             "2018年": 199061.01,
  106.             "2016年": 129061.01
  107.         }, {
  108.             "XMMC": "营业利润",
  109.             "XMDM": "YYLR",
  110.             "2017年": 105653.62,
  111.             "GJXMBZ": null,
  112.             "2018年": 135653.62,
  113.             "2016年": 85653.62
  114.         }, {
  115.             "XMMC": "营业外收入",
  116.             "XMDM": "YYWSR",
  117.             "2017年": 104584.53,
  118.             "GJXMBZ": null,
  119.             "2018年": 124584.53,
  120.             "2016年": 84584.53
  121.         }, {
  122.             "XMMC": "营业外支出",
  123.             "XMDM": "YYWZC",
  124.             "2017年": 83094.57,
  125.             "GJXMBZ": null,
  126.             "2018年": 103094.57,
  127.             "2016年": 73094.57
  128.         }, {
  129.             "XMMC": "利润总额",
  130.             "XMDM": "LRZE",
  131.             "2017年": 16157.15,
  132.             "GJXMBZ": null,
  133.             "2018年": 19157.15,
  134.             "2016年": 13157.15
  135.         }, {
  136.             "XMMC": "境外所得金额",
  137.             "XMDM": "JWSDJE",
  138.             "2017年": 30912.45,
  139.             "GJXMBZ": null,
  140.             "2018年": 37912.45,
  141.             "2016年": 25912.45
  142.         }, {
  143.             "XMMC": "纳税调整增加额",
  144.             "XMDM": "NSTZZJE",
  145.             "2017年": 126957.61,
  146.             "GJXMBZ": null,
  147.             "2018年": 196957.61,
  148.             "2016年": 106957.61
  149.         }, {
  150.             "XMMC": "纳税调整减少额",
  151.             "XMDM": "NSTZJSE",
  152.             "2017年": 106647.28,
  153.             "GJXMBZ": null,
  154.             "2018年": 136647.28,
  155.             "2016年": 86647.28
  156.         }, {
  157.             "XMMC": "减：免税、减计收入及加计扣除",
  158.             "XMDM": "MSJJSRJJJKC",
  159.             "2017年": 77910.78,
  160.             "GJXMBZ": null,
  161.             "2018年": 107910.78,
  162.             "2016年": 67910.78
  163.         }, {
  164.             "XMMC": "加：境外应税所得抵减境内亏损",
  165.             "XMDM": "JWYSSDDJJNKS",
  166.             "2017年": 58246.58,
  167.             "GJXMBZ": null,
  168.             "2018年": 88246.58,
  169.             "2016年": 48246.58
  170.         }, {
  171.             "XMMC": "纳税调整后所得",
  172.             "XMDM": "NSTZHSD",
  173.             "2017年": 89972.23,
  174.             "GJXMBZ": null,
  175.             "2018年": 109972.23,
  176.             "2016年": 79972.23
  177.         }, {
  178.             "XMMC": "减：所得减免",
  179.             "XMDM": "SDJM",
  180.             "2017年": 110257.78,
  181.             "GJXMBZ": null,
  182.             "2018年": 150257.78,
  183.             "2016年": 100257.78
  184.         }, {
  185.             "XMMC": "抵扣应纳税所得额",
  186.             "XMDM": "DKYNSSDE",
  187.             "2017年": 37194.03,
  188.             "GJXMBZ": null,
  189.             "2018年": 47194.03,
  190.             "2016年": 30194.03
  191.         }, {
  192.             "XMMC": "弥补以前年度亏损",
  193.             "XMDM": "MBYQNDKS",
  194.             "2017年": 124278.77,
  195.             "GJXMBZ": null,
  196.             "2018年": 184278.77,
  197.             "2016年": 104278.77
  198.         }, {
  199.             "XMMC": "应纳税所得额",
  200.             "XMDM": "YNSSDE",
  201.             "2017年": 124314.89,
  202.             "GJXMBZ": null,
  203.             "2018年": 154314.89,
  204.             "2016年": 104314.89
  205.         }];
  206.         datagrid.setData(sz);

  208.     })

  210. </script>
  211. </html>
复制代码
作者: felt    时间: 2019-6-24 18:43:00

zyah 发表于 2019-6-24 17:27

[attach]12297[/attach]测试你这个页面未发现有这问题。
我们统一一下环境，直接打开我这例子，看能否重现，重现的浏览器是什么。



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