Javascript JSGrid以编程方式选择第一行

在

onPageChanged

回调之后，是否有方法选择网格的第一行？我看到了另一个网格库，它有这个特性

我这样做的目的是每次打开另一页时自动在网格顶部移动滚动条

这是否可以通过

jsgrid

单独实现

我用了一把小提琴。

您可以在函数内部的js网格表的第一行实现using。对于滚动到

顶部

，您可以通过功能实现

代码片段

onRefreshed: function(args) {
    //If in grid data has beedn load then length will > 0
    if (args.grid.data.length) {
        //First find the {jsgrid-grid-body} to scroll the top
        var gridBody = $("#jsGrid").find('.jsgrid-grid-body');
        //fire the click event of first row to select first item.
        gridBody.find('.jsgrid-table tr:first-child').trigger('click');
        //scroll to top after click event fire
        gridBody.animate({
            scrollTop: 0,
            scrollLeft: 0
        }, 250);
    }
}

演示

var db={
loadData:函数（过滤器）{
返回$.grep（this.clients，函数（client）{
返回（！filter.Name | | client.Name.indexOf（filter.Name）>-1）&&
（！filter.Age | | client.Age==filter.Age）&&
（！filter.Address | | client.Address.indexOf（filter.Address）>-1）&&
（！filter.Country | | client.Country==filter.Country）&&
（filter.Married==未定义的| | client.Married===filter.Married）；
});
},
insertItem:函数（insertingClient）{
this.clients.push（insertingClient）；
},
updateItem:函数（updateClient）{}，
deleteItem:函数（删除客户端）{
var clientIndex=$.inArray（deletingClient，this.clients）；
这个.clients.splice（clientIndex，1）；
}
};
window.db=db；
db.countries=JSON.parse（“[{”Name:“，”Id:0}，{”Name:“美国”，“Id:1}，{”Name:“加拿大”，“Id:2}，{”Name:“联合王国”，“Id:3}，{”Name:“法国”，“Id:4}，{”Name:“巴西”，“Id:5}，{”Name:“中国”，“Id:6}，{”Name:“俄罗斯”，“Id:7}”）；
db.clients=JSON.parse（“[{”Name:“Otto Clay”，“Age:”61，“Country:”6，“Address:”Ap#897-1459 Quam Avenue“，”已婚的“：false}，{”Name:”Connor Johnston“，”Age:”73，“Country:”7，“Address:”Ap#370-4647 Dis Av“，”已婚的“，”false}，{”Name:”Lacey Hess“，”29，“Country:”7，“Address:”Ap#365-8835 Integer St“，”已婚的“，”false:”蒂莫西·汉森“，”78，{，“国家”：1，“地址”：“911-5143卢克图斯大街”，“已婚”：假}，{“姓名”：“拉蒙娜本顿”，“年龄”：43，“国家”：5，“地址”：“Ap#614-689 Vehicula Street”，“已婚”：真}，{“姓名”：“Ezra Tillman”，“年龄”：51，“国家”：1，“地址”：“奎斯克街7583号邮政信箱738号”，“已婚”：真}，{“姓名”：“但丁·卡特”，“年龄”：59，“国家”：1，“地址”：“邮政信箱976，6316号，圣罗伦”。“，”已婚“：”假“，”姓名“：”克里斯托弗·麦克卢尔“，”年龄“：”58，“国家“：”1，“地址“：”847-4303格言Av“，”已婚“：”真“，”鲁比·罗查“，”年龄“：”62，“国家“，”2，“地址“：”5212萨吉蒂大街“，”已婚“：”假“，”姓名“：”伊梅尔达·哈丁“，”39，“国家“，”5，“地址“：”719-7009拍卖人Av“，”已婚“，”假“，”姓名“：”乔纳·约翰斯“，”28，“国家“，”5，“地址：”，邮政信箱939，9310 A Ave“，”已婚“：false}，{“姓名：”，Herman Rosa“，”年龄：49岁，“国家：”，地址：“，”718-7162 Molestie Av“，”已婚“：true}，{“姓名：”，”Arthur Gay“，”年龄：“，”5497 Neque Street“，”已婚“，”false}，{“姓名：”，”Xena Wilkerson“，”年龄：63岁，“国家：”，地址：“，”1，“地址：“，”Ap#303-6974，Proin Street“，”已婚“，”真实“，”姓名“，”Lilah Atkins，年龄：33岁，国家：5岁，地址：622-8602孕妇大道，已婚：真的}，{姓名：马利克·谢泼德，年龄：59岁，国家：1岁，地址：967-5176廷西登大道，已婚：假}，{姓名：基利·席尔瓦，年龄：24岁，国家：1岁，地址：邮政信箱153，8995普拉森大街，已婚：假}，{姓名：亨特·佩特，年龄：73岁，国家：7岁，地址：邮政信箱771，7599 Ante，Road，“已婚”：false}，{“姓名”：“Mikayla Roach”，“年龄”：55，“国家”：5，“地址”：“Ap#438-9886 Donec路”，“已婚”：true}，{“姓名”：“厄普顿约瑟夫”，“年龄”：48，“国家”：4，“地址”：“Ap#896-7592居住者街”，“已婚”：true}，{“姓名”：“珍妮特佩特”，“年龄”：59，“国家”：2，“地址”：“邮政信箱177；
$（“#jsGrid”）.jsGrid({
身高：300，
宽度：“100%”，
过滤：对，
编辑:对,，
排序：对，
是的，
自动加载：对，
页面大小：15，
pageButtonCount:5，
deleteConfirm：“是否确实要删除客户端？”，
onRefreshed:函数（args）{
//如果网格内数据已加载，则长度将>0
if（args.grid.data.length）{
//首先找到{jsgrid-grid-body}以滚动顶部
var gridBody=$（“#jsGrid”）.find（“.jsGrid grid body”）；
//触发第一行的click事件以选择第一项。
find（'.jsgrid table tr:first child'）.trigger（'click'）；
//单击事件火灾后滚动至顶部
gridBody.animate({
滚动顶端：0，
左：0
}, 250);
}
},
控制器：db，
字段：[{
姓名：“姓名”，
键入：“textarea”，
宽度：150
}, {
姓名：“年龄”，
键入：“数字”，
宽度：50
}, {
姓名：“地址”，
键入：“文本”，
宽度：200
}, {
名称：“国家”，
键入：“选择”，
项目：db.countries，
valueField:“Id”，
文本字段：“名称”
}, {
姓名：“已婚”，
键入：“复选框”，
标题：“已婚”，
排序：false
}, {
类型：“控制”
}]
})；