Webix 寻呼机滚动到特定行
Webix Pager scroll to particular row
数据表有一个 select 方法,它 select 是给定的行。
寻呼机还有一个 select 方法,可以滚动到给定的页面。
但是,我找不到告诉寻呼机滚动到包含给定行的页面的方法。
也就是说,我想 select 数据表中的一行,但如果视图在不同的页面上,也显示它。
没有特定的方法可以同时 select 和显示所需的行,但结合使用以下方法可以很好地完成这项工作:
datatable.select(35); //selects row
datatable.showItem(35); //scrolls or pages to make the row visible
参见 Snippets
中的这个例子
webix.ui({
rows:
[
{ view:"button", type:"iconButton",icon:"fa fa-bolt",label:"Go 52", width:100,on:
{
'onItemClick': function()
{
$$("dTable").select(52);
$$("dTable").showItem(52);
}
}
},
{
view:"datatable",name:"dTable",id:"dTable",select:true,
columns:[
{ id:"rank", header:"", css:"rank", width:50},
{ id:"title", header:"Film title",width:200},
{ id:"year", header:"Released" , width:80},
{ id:"votes", header:"Votes", width:100}
],
autowidth:true,
data: big_film_set
},
]
});
big_film_set 它是一个带有 JSON.
的变量
var big_film_set = [{"id":1,"title":"The Shawshank Redemption","year":"1994","votes":"678.79","rating":"9.2","rank":"1"} /*...*/ ];
数据表有一个 select 方法,它 select 是给定的行。 寻呼机还有一个 select 方法,可以滚动到给定的页面。
但是,我找不到告诉寻呼机滚动到包含给定行的页面的方法。
也就是说,我想 select 数据表中的一行,但如果视图在不同的页面上,也显示它。
没有特定的方法可以同时 select 和显示所需的行,但结合使用以下方法可以很好地完成这项工作:
datatable.select(35); //selects row
datatable.showItem(35); //scrolls or pages to make the row visible
参见 Snippets
中的这个例子 webix.ui({
rows:
[
{ view:"button", type:"iconButton",icon:"fa fa-bolt",label:"Go 52", width:100,on:
{
'onItemClick': function()
{
$$("dTable").select(52);
$$("dTable").showItem(52);
}
}
},
{
view:"datatable",name:"dTable",id:"dTable",select:true,
columns:[
{ id:"rank", header:"", css:"rank", width:50},
{ id:"title", header:"Film title",width:200},
{ id:"year", header:"Released" , width:80},
{ id:"votes", header:"Votes", width:100}
],
autowidth:true,
data: big_film_set
},
]
});
big_film_set 它是一个带有 JSON.
的变量var big_film_set = [{"id":1,"title":"The Shawshank Redemption","year":"1994","votes":"678.79","rating":"9.2","rank":"1"} /*...*/ ];