CodeIgniter Forums
Flexigrid - Lightweight but rich data grid - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Archived Discussions (https://forum.codeigniter.com/forumdisplay.php?fid=20)
+--- Forum: Archived Libraries & Helpers (https://forum.codeigniter.com/forumdisplay.php?fid=22)
+--- Thread: Flexigrid - Lightweight but rich data grid (/showthread.php?tid=7179)

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69

Flexigrid - Lightweight but rich data grid - El Forum - 04-01-2008

[eluser]Kevin Kietel[/eluser]
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!

Flexigrid - Lightweight but rich data grid - El Forum - 04-01-2008

[eluser]Unknown[/eluser]
Very good and impressive widget !
I'm quite new to JQuery (coming from mootools)

Is there a way to add a datepicker widget inside your search facility !

Keep the good work.

B.

Flexigrid - Lightweight but rich data grid - El Forum - 04-01-2008

[eluser]paulopmx[/eluser]
[quote author="Kevin Kietel" date="1207085682"]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![/quote]

Right now. Nope.

But that's a great Idea, i'll consider adding it at the next release.

Flexigrid - Lightweight but rich data grid - El Forum - 04-01-2008

[eluser]paulopmx[/eluser]
[quote author="bernardo" date="1207086896"]Very good and impressive widget !
I'm quite new to JQuery (coming from mootools)

Is there a way to add a datepicker widget inside your search facility !

Keep the good work.

B.[/quote]

No built in facility for that. You can hack the code if you like.

Flexigrid - Lightweight but rich data grid - El Forum - 04-01-2008

[eluser]paulopmx[/eluser]
[quote author="hotmeteor" date="1207075634"]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.[/quote]

Thanks.

Great ideas. Not sure I can include this features right now, maybe in a 1.5 release.

Flexigrid - Lightweight but rich data grid - El Forum - 04-01-2008

[eluser]millercj[/eluser]
I really love the idea behind Flixigrid, but i don't understand how it all fits together and how to set it up. I've never used jQuery before so that maybe some of it. Any one up to offering some guidance to a newbie?

Flexigrid - Lightweight but rich data grid - El Forum - 04-01-2008

[eluser]dark_lord[/eluser]
Hi CI'ers! Can someone create a user friendly user's guide about this flexgrid?... I really dont know where to start, and dont know what are the dependencies that I will be needing. Seems it is really an interesting GUI.

Thanks in advance!

Flexigrid - Lightweight but rich data grid - El Forum - 04-01-2008

[eluser]Majd Taby[/eluser]
hey, just noticed your site redesign, looks good Smile

I'm thinking about using this instead of TableSorter for CodeExtinguisher. However, I'd like to make a few comments on your latest updates.

First, make sure you keep it simple, when I hover over a header, I see two arrows. When i go to another header, i see two more arrows. It's unclear which is for what. To add to it, the horizontal arrow is the same across all the headers. The minimize button seems to be useless, couldn't the user just resize it all the way up?

Second, When the user tries to rearrange the columns, the header hands a good 20px below the cursor, this makes it seem jittery and broken, it'd be nice if the data moved with the header.

Flexigrid - Lightweight but rich data grid - El Forum - 04-02-2008

[eluser]paulopmx[/eluser]
[quote author="jTaby" date="1207132649"]hey, just noticed your site redesign, looks good Smile

I'm thinking about using this instead of TableSorter for CodeExtinguisher. However, I'd like to make a few comments on your latest updates.

First, make sure you keep it simple, when I hover over a header, I see two arrows. When i go to another header, i see two more arrows. It's unclear which is for what. To add to it, the horizontal arrow is the same across all the headers. The minimize button seems to be useless, couldn't the user just resize it all the way up?

Second, When the user tries to rearrange the columns, the header hands a good 20px below the cursor, this makes it seem jittery and broken, it'd be nice if the data moved with the header.[/quote]

Hi,

Ok for your first issue, the middle arrow tells the user which way the data will be sorted when clicked, the second arrow on the right is a drop down menu, similar on what you see on Windows Vista, this technique has been applied by Ext as well. If it really is much an issue for you, you can easily disable this with a setting:

Code:
showToggleBtn : false

The minimize button is useful if you have a lot of instances of flexigrid, and you want to give your user a way to minimize quickly without dragging the vertical resizer. even so, I also give the developer the option to disable this feature by this setting

Code:
showTableToggleBtn: false

Minimum Height for vertical resizer is default set at 100px, to change this just change it in the setting

Code:
minheight: 24px

Rearrange the columns puts the removed column below the arrow, to allow the user to see where the column will be placed when dropped. Some test users in a system I'm developing along with this plugin, find it confusing when i'm just dragging along the same headers and not sure if it will drop before of after their target, that's why their is an additional helper arrow indicating what happens when drop in that particular place.

This is the only behavior that you can't change with just a setting, the other's are configurable depending on what you need.

Please take not that, Example 3 tries to show of all the features it currently the plugin have, but you don't have to use all of them. I'm leaving that to the developer :-).

Finally, thank you for all your comments, I'm glad that your considering using my plugin for your project, I look forward in seeing it there in the future :-).

Paulo

Flexigrid - Lightweight but rich data grid - El Forum - 04-02-2008

[eluser]millercj[/eluser]
This is my html. I've downloaded the files from the Flexigrid site but i dont understand how to get data into the grid...any help?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Phone Directory&lt;/title&gt;
&lt;link rel="stylesheet" type="text/css" href="css/flexigrid/flexigrid.css"&gt;


&lt;/head&gt;
&lt;body&gt;

    $('.flexme').flexigrid();

&lt;/body&gt;
&lt;/html&gt;

apparently my script tags wont show...look here http://stjohns.digiconmediagroup.com/test/