Part of the EllisLab Network
   
2 of 67
2
Flexigrid - Lightweight but rich data grid
Posted: 31 March 2008 08:18 PM   [ Ignore ]   [ # 11 ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  716
Joined  06-07-2007

Please forgive me, I haven’t actually downloaded it and used it. But, is it possible to add pagination to an HTML table?

 Signature 

CodeExtinguisher
Download: codex2_rc14.2.zip - 219 KiloBytes of Gloriousness!
Demo: Public preview - login with preview:preview
Temporary Docs: PBWiki

Profile
 
 
Posted: 31 March 2008 11:40 PM   [ Ignore ]   [ # 12 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  171
Joined  04-23-2007
jTaby - 31 March 2008 08:18 PM

Please forgive me, I haven’t actually downloaded it and used it. But, is it possible to add pagination to an HTML table?

Yes it has an API, if you want an external paging mechanism.

 Signature 

A Better and more Flexible Paging Solution for CI
Automatic config[base_url]

Profile
 
 
Posted: 01 April 2008 02:08 AM   [ Ignore ]   [ # 13 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  171
Joined  04-23-2007
nmweb - 29 March 2008 09:12 AM

I ran into it some time ago and I like it. Only thing missing was that it accepts xml datasources and not json which I usually use. Anyway, really good work, well done smile

JSON support now available. Check out the site grin

 Signature 

A Better and more Flexible Paging Solution for CI
Automatic config[base_url]

Profile
 
 
Posted: 01 April 2008 08:19 AM   [ Ignore ]   [ # 14 ]  
Summer Student
Total Posts:  1
Joined  04-01-2008

Forgive my ignorance but where do you put $(’.flexme’).flexigrid(); ?

Does it have to be a in php page?

Profile
 
 
Posted: 01 April 2008 08:26 AM   [ Ignore ]   [ # 15 ]  
Summer Student
Total Posts:  30
Joined  12-12-2007
Billy08 - 01 April 2008 08:19 AM

Forgive my ignorance but where do you put $(’.flexme’).flexigrid(); ?

Does it have to be a in php page?

It is the function of the Flexigrid jQuery plugin. jQuery is a Javascript library, so you should check out jquery.com for more information if you’re stumped what to do.

Profile
 
 
Posted: 01 April 2008 08:39 AM   [ Ignore ]   [ # 16 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  171
Joined  04-23-2007
Billy08 - 01 April 2008 08:19 AM

Forgive my ignorance but where do you put $(’.flexme’).flexigrid(); ?

Does it have to be a in php page?

It’s a javascript plugin, so it’s a front-end grid, what ever you use in the backend platform is up to you. grin

So just generate an html and apply the script.

 Signature 

A Better and more Flexible Paging Solution for CI
Automatic config[base_url]

Profile
 
 
Posted: 01 April 2008 08:47 AM   [ Ignore ]   [ # 17 ]  
Summer Student
Total Posts:  30
Joined  12-12-2007

Paulo, bloody awesome. Really. Not sure if you’re looking for requests, as I’m sure your hands are full, but here are a couple anyway…

1. Multi-column sort (see jQuery Tablesorter plugin for what I mean).
2. Inline-editing.

Again, beautiful work.

Profile
 
 
Posted: 01 April 2008 11:08 AM   [ Ignore ]   [ # 18 ]  
Summer Student
Total Posts:  22
Joined  04-01-2008

Hi Paulo!

First I would like to say that your flexigrid is great!
I found a small bug (or maybe something that hasn’t been implemented yet):

When you click a column which is NOT sortable, the Ajax request is still processed.

I added this to the
changeSort function:

changeSort: function(th) { //change sortorder
var col_id = ($(th).attr(‘axis’).substr(3));
if(p.colModel[col_id][‘sortable’]!=true){
  return false;
             
}
......

Hope this will be handy for other users smile

Greetings

Sander

 Signature 

jLorem - A Lorem Ipsum Plugin for jQuery

Profile
 
 
Posted: 01 April 2008 11:27 AM   [ Ignore ]   [ # 19 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  171
Joined  04-23-2007
Kevin Kietel - 01 April 2008 11:08 AM

Hi Paulo!

First I would like to say that your flexigrid is great!
I found a small bug (or maybe something that hasn’t been implemented yet):

When you click a column which is NOT sortable, the Ajax request is still processed.

I added this to the
changeSort function:

changeSort: function(th) { //change sortorder
var col_id = ($(th).attr(‘axis’).substr(3));
if(p.colModel[col_id][‘sortable’]!=true){
  return false;
             
}
......

Hope this will be handy for other users smile

Greetings

Sander

Thanks for the heads up grin

Actually what happened was i rewrote the colModel, and forgot to remove the setting in Example 3, you don’t have to declare if it’s sortable, just don’t assign a name in the configuration.

You don’t need it. Flexigrid determines which column a data belongs by assigning an identifier to the column.

 Signature 

A Better and more Flexible Paging Solution for CI
Automatic config[base_url]

Profile
 
 
Posted: 01 April 2008 11:34 AM   [ Ignore ]   [ # 20 ]  
Summer Student
Total Posts:  22
Joined  04-01-2008

Great, didn’t figure that out yet…. smile

Is there a possibility to ‘lock’ one or more columns, so that their width is not resizable?

thanks!

 Signature 

jLorem - A Lorem Ipsum Plugin for jQuery

Profile
 
 
   
2 of 67
2
 
Post Marker Legend
New Topic New posts Hot Topic Hot Topic with new posts New Poll New Poll Moved Topic Moved Topic Sticky Topic Sticky topic
Old Topic No new posts Hot Old Topic Hot Topic with no new posts Old Poll Old Poll Closed Topic Closed Topic Announcement Announcements
Theme
Change Theme
Visitor Statistics
The most visitors ever was 819, on March 11, 2010 11:15 AM
Total Registered Members: 120459 Total Logged-in Users: 41
Total Topics: 126534 Total Anonymous Users: 2
Total Replies: 665362 Total Guests: 328
Total Posts: 791896    
Members ( View Memberlist )
Newest Members:  lizandermagnosismx2428JordanMartzShaun HardynelsonpowellLimenijetzzyizodiyasmith9822