We had a test a while back that was changing a CSS class versus a series of
dom elements.
http://www.sunsean.com/animatetest.html
I was thinking about your column resizing. Maybe this technique would
improve the speed of the column resize? Maybe even show the whole column
sizing dynamically.
I find it interesting, looking at the different grids out there, how some
are Table based, div based, table inside div based, etc etc. In our
application, we have grids that can get very lengthy. 50 rows is considered
low, 100-500 medium-high, and 1000+ high. I don't know which is best, I
just find it interesting. ;)
One tiny bit of UI feedback: You probably should increase the target-size
of the resize. Sort of hard now to grab it.
Great work so far Josh!
Glen
On 8/13/07, Josh Bush <[EMAIL PROTECTED]> wrote:
>
>
> To add rows I added a jQuery method that you call like this:
>
> var t=$("#test");
> var rows=[];
> for(var i=0;i<500;i++)
> rows.push(["Test","Row",i]);
>
> t.addRow(rows); //Multi-Row Append to end
> t.addRow(["Test","Row","-1"],1); //Single row insert at position 1
>
> I'll make an effort to document each of the plugins separately so that
> it's easier to understand what's going on.
>
> --Josh
>
> On Aug 12, 11:35 pm, "John Resig" <[EMAIL PROTECTED]> wrote:
> > Very nice! I like that you used an event to communicate a change -
> > that's the smart way to do it. You should consider looking at the
> > recent jQuery UI work - it's possible that some of the drag & drop
> > efforts over there might help you out.
> >
> > I wasn't able to figure out how to insert / delete rows - I was able
> > to get them to turn red (double click) and green (single click) - not
> > sure beyond that.
> >
> > But yeah, great work!
> >
> > --John
> >
> > On 8/12/07, Josh Bush <[EMAIL PROTECTED]> wrote:
> >
> >
> >
> > > I've been thinking about this for a while, and so I took a couple of
> > > days last week to get something together. I made a plugin for tables
> > > that attempts to create a common base for adding functionality to
> > > tables.
> >
> > > Please check it out
> athttp://digitalbush.com/projects/jquery-grid-plugin
> >
> > > I've included the following functionality in the core file which I
> > > will eventually break out somehow.
> > > * Basic Row manipulation: addition, insertion, and deletion.
> > > * Row navigation, selection, and activations by mouse and keyboard.
> > > * Striping which is triggered by a "CollectionChanged" event generated
> > > by the basic row manipulations above.
> > > * Column resizing.
> > > * Scrolling tables (Please note this will not work in IE in quirks
> > > mode).
> >
> > > The above stuff is already present in a project I'm working on that I
> > > adapted from plugins and snippets I've seen on the forums. This is my
> > > attempt to assemble them in a pick-and-choose manner. It's generally
> > > stripped down and basic no frills type things. For instance, I've
> > > seen a better looking column resizer, but I wanted simple stuff to
> > > start with.
> >
> > > Please let me know what you think and provide me feedback as to how I
> > > can make this better. I want to make a way for all of these plugins
> > > to work together with common set of events.
> >
> > > I'm nervously awaiting your feedback. *gulp*
> >
> > > Josh
>
>
