Studio for ASP.NET C1GridView 问题

收藏

请问 C1GridView 怎样在页面刷新后保持之前的ScrollBar位置？谢谢

Alice · Alice

回复 1楼iceman的帖子

附件里的Sample是用JavaScript实现c1GridView的滚动条同步的例子，和你的需求类似。

Sample通过JavaScript实现了C1GridView的滚动条进行定位，如用水平滚动条的位置，同步另外一个C1GridView的垂直滚动条位置。
下面是获得表格1的滚动位置的函数，会用这个位置滚动在第二个表格相同的行：

// Gets the index of the first column
function getFirstVisibleColumnInViewArea(id) {
var $grid = $(id),
$outer = $grid.closest(".wijmo-wijgrid"),
outerLeft = $outer.offset().left,
columns = $grid.c1gridview("columns");
for (var i = 0; i < columns.length; i++) {
var element = columns[i].element;
if ((element.offset().left - outerLeft + element.width()) > 0) {
return i;
}
}
}

复制代码

下面代码用来实现滚动的同步：

//Scrolls to the specific row in second grid
function scroll(li) {
var position = $($("#C1GridView2").c1gridview()[0].rows[li]).position().top;
$("#C1GridView2").closest(".wijmo-wijsuperpanel").wijsuperpanel("vScrollTo", position);
}

复制代码

如果有问题请联系我。

Alice · Alice

回复 1楼iceman的帖子

根据需求改进Sample，现在实现的基本思路是：在单元格进入编辑状态前记住水平和竖直ScrollBar的位置。当客户端重画的时候，将水平和竖直方向的Scrollbars设置到这个位置。这个值保存在了document.cookie里面，防止刷新页面的时候值被清掉。
Sample：

C1GridView分别调用了OnClientBeforeCellEdit和OnClientLoaded，JavaScript部分的代码如下所示，ClientBeforeCellEdit实现在单元格编辑前记住位置，ClientRedered实现客户端重画设置位置：

<script type="text/javascript">
var loaded = false;
function ClientRendered(e, args) {
var cookie = document.cookie;
if (cookie != undefined) {
var scrollToRow = document.cookie.substring(document.cookie.IndexOf('v') + 2,document.cookie.indexOf(','));
var scrollToLeft = document.cookie.substring(document.cookie.IndexOf('h') + 2);
if (scrollToRow != "") {
var superPanel = $(".wijmo-wijgrid").find(".wijmo-wijsuperpanel");
$(superPanel).wijsuperpanel("option", "vScroller").scrollValue = scrollToRow;
$(superPanel).wijsuperpanel("option", "hScroller").scrollValue = scrollToLeft;
$(superPanel).wijsuperpanel("paintPanel");
}
}
}
function ClientLoaded(e, args) {
loaded = true;
}
function ClientBeforeCellEdit(e, args) {
if (loaded) {
var vScrollPosition = $(".wijmo-wijgrid").find(".wijmo-wijsuperpanel").wijsuperpanel("option", "vScroller").scrollValue;
var hScrollPosition = $(".wijmo-wijgrid").find(".wijmo-wijsuperpanel").wijsuperpanel("option", "hScroller").scrollValue;
var date = new Date();
date.setTime(date.getTime() + 30000);
document.cookie = 'v=' + vScrollPosition + ',h='+ hScrollPosition+ '; expires=' + date + '; path=/'
}
}
</script>

复制代码

效果如下图：
1.拖动水平和竖直的Scrollbars。
2.进入一个单元格进行编辑。
3.按F5刷新。
结果：刷新后水平和竖直Scrollbar依然停留在刚才编辑单元格的位置。

Alice · Alice

回复 1楼iceman的帖子

我替换了dll，使用hotfix:3.5.20142.178能够正常运行，Sample如上，使用和你机器一样的Hotfix。
由于没有重现你提到的问题，所以需要你运行这个sample，看是否依然有问题，以便帮助你解决问题。

		自动登录	找回密码
密码			立即注册

Studio for ASP.NET C1GridView 问题

3 个回复

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄