EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
May 14, 2024, 06:54:32 PM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for jQuery
>
Treegrid with Lazy loading nodes+ client side pagination +column filtering
Pages: [
1
]
« previous
next »
Print
Author
Topic: Treegrid with Lazy loading nodes+ client side pagination +column filtering (Read 5305 times)
saurabh
Newbie
Posts: 12
Treegrid with Lazy loading nodes+ client side pagination +column filtering
«
on:
July 25, 2017, 06:42:05 AM »
I am using treegrid which has 50k rows. Because of slow loading issue in internet explorer i have updated treegrid code to 'Lazy loading nodes' but however column filtering and client side pagination does seems to working. can you please provide some sample working example treegrid with Lazy loading nodes+ client side pagination +column filtering. so that grid will load rows quickly. Thanks in advance.
Logged
stworthy
Administrator
Hero Member
Posts: 3581
Re: Treegrid with Lazy loading nodes+ client side pagination +column filtering
«
Reply #1 on:
July 25, 2017, 06:13:28 PM »
The filter extension has the build-in client-paging functionality. You don't need to call the 'clientPaging' method again. Please look at this example
http://code.reloado.com/ororov4/edit#preview
Logged
saurabh
Newbie
Posts: 12
Re: Treegrid with Lazy loading nodes+ client side pagination +column filtering
«
Reply #2 on:
July 26, 2017, 01:25:25 AM »
Hello Hero Administrator,
Thanks for reply!! but this code doesn't seems to work with won't seem to work with myLoadFilter
function myLoadFilter(data,parentId){
function setData(data){
var todo = [];
for(var i=0; i<data.length; i++){
todo.push(data
);
}
while(todo.length){
var node = todo.shift();
if (node.children && node.children.length){
node.state = 'closed';
node.children1 = node.children;
node.children = undefined;
todo = todo.concat(node.children1);
}
}
}
setData(data);
var tg = $(this);
var opts = tg.treegrid('options');
opts.onBeforeExpand = function(row){
if (row.children1){
tg.treegrid('append',{
parent: row[opts.idField],
data: row.children1
});
row.children1 = undefined;
//alert(row[opts.idField]);
tg.treegrid('expand', row[opts.idField]);
}
return row.children1 == undefined;
};
return data;
}
and is there any way so that i can reduce more load time with treegrid
Logged
stworthy
Administrator
Hero Member
Posts: 3581
Re: Treegrid with Lazy loading nodes+ client side pagination +column filtering
«
Reply #3 on:
July 26, 2017, 02:41:03 AM »
You don't need to override the 'loadFilter' function. This example works fine.
http://code.reloado.com/ororov4/edit#preview
.
Logged
saurabh
Newbie
Posts: 12
Re: Treegrid with Lazy loading nodes+ client side pagination +column filtering
«
Reply #4 on:
July 26, 2017, 04:07:13 AM »
If i don't use load filter it takes more than 5 mins to load rows on internet explorer!!
Logged
stworthy
Administrator
Hero Member
Posts: 3581
Re: Treegrid with Lazy loading nodes+ client side pagination +column filtering
«
Reply #5 on:
July 26, 2017, 05:21:09 PM »
Please look at this example
http://code.reloado.com/ororov4/2/edit#preview
. It displays 10000 rows quickly. If you have more than rows, using remote paging, remote filtering and delay loading tech may be more suitable.
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...