Flexigrid - Lightweight but rich data grid

[eluser]paulopmx[/eluser]
[quote author="ecarsted" date="1207691466"][quote author="paulopmx" date="1207673722"]
Great Job Eric.

I would have use different technique, but as long as it works for you, and that the plugin is useful for you then I'm happy about it. :-).

Paulo[/quote]

I am sure you would! I just started learning Javascript on Saturday, still having trouble with the prototypal nature of the language and syntax. I will say I have learned a ton from reading your code and stepping through it with the debugger. Coffees on the way, to say TY.

Eric

ps. BAH!, still got a bug, clobbered my paging. Lack of sleep kills.

My mistake was to add page to params. What is the correct way to call
flexOptions with just one option to set, i.e. page:1 ?[/quote]

Hi Eric,

Thanks for the coffee.

you can set the page you want through flexOptions with this setting

Code:

$('#flex1').flexOptions({newp:1});

[eluser]ecarsted[/eluser]
Hey Paulo,

Code:

$('#flex1').flexOptions({newp:1});

Fixed my paging problem.

A couple questions for you.

1) Is it possible to set the table to only select one row?
2) How do I add an event to a row being selected/deselected?

I am sure it is something like you posted before for the cell edit

Code:

function yourfunction()
{
$(".selectrow").click(function(){
alert("HIT!");    
});
}

Code:

function selectRowClassfunction(rowDiv)
{
   $(rowDiv).addClass('selectrow');
}

Eric

[eluser]paulopmx[/eluser]
[quote author="ecarsted" date="1207711338"]Hey Paulo,

Code:

$('#flex1').flexOptions({newp:1});

Fixed my paging problem.

A couple questions for you.

1) Is it possible to set the table to only select one row?
2) How do I add an event to a row being selected/deselected?

I am sure it is something like you posted before for the cell edit

Code:

function yourfunction()
{
$(".selectrow").click(function(){
alert("HIT!");    
});
}

Code:

function selectRowClassfunction(rowDiv)
{
   $(rowDiv).addClass('selectrow');
}

Eric[/quote]

I really did not design it that way.

It's possible to add an event to the cell that i'm passing to the process API, and you might be able to do it that way, although you can't stop the current behavior of the row from triggering, this can result from multiple events triggering when user clicks a row.

But someone else has ask for this feature, and I while considering adding custom behavior API in the next release. It is still in beta anyway.

[eluser]wardenik[/eluser]
hey,
i've just started using flexigrid, but found it quite weird that it doesn't work in IE7 with this type of table:

<table class="flexme1">
<thead>
<tr>
<th width="100">Col 1</th>

</tr>
</thead>
</table>
<table class="flexme2">
<thead>
<tr>
<th>Day</th>
</tr>
</thead>
</table>



$('.flexme1').flexigrid();
$('.flexme2').flexigrid();



So, the first one works. The second does not if you don't specify width. That's quite weird especially when using jquery that should figure out the styling quite easily. Anyone had that problem?

[eluser]paulopmx[/eluser]
[quote author="wardenik" date="1207776149"]hey,
i've just started using flexigrid, but found it quite weird that it doesn't work in IE7 with this type of table:

<table class="flexme1">
<thead>
<tr>
<th width="100">Col 1</th>

</tr>
</thead>
</table>
<table class="flexme2">
<thead>
<tr>
<th>Day</th>
</tr>
</thead>
</table>



$('.flexme1').flexigrid();
$('.flexme2').flexigrid();



So, the first one works. The second does not if you don't specify width. That's quite weird especially when using jquery that should figure out the styling quite easily. Anyone had that problem?[/quote]

Hi Wardenik,

Yes width is a required setting. You can see it in my example 1 and example 2. Why? Because different browsers has different way of rendering a table without width definition, specially Internet Explorer.

You will see that although I can render Flexigrid with the zero setting, that I do require some standards, like having a thead, a tbody and width definition. This will ensure that Flexigrid renders the same table similarly among its supported browsers.

[eluser]wardenik[/eluser]
Hey,

That is cool that you do, but this is almost an inline style.
It should not require (it can't!) an inline width specification.
CSS is for that and you can set all styles you want in there and CSS is to ensure it is rendered in all browsers the same.

[eluser]paulopmx[/eluser]
[quote author="wardenik" date="1207791929"]Hey,

That is cool that you do, but this is almost an inline style.
It should not require (it can't!) an inline width specification.
CSS is for that and you can set all styles you want in there and CSS is to ensure it is rendered in all browsers the same.[/quote]

After the grid is generated you will see that the width property is removed.

[eluser]wardenik[/eluser]
[quote author="paulopmx" date="1207796283"][quote author="wardenik" date="1207791929"]Hey,

That is cool that you do, but this is almost an inline style.
It should not require (it can't!) an inline width specification.
CSS is for that and you can set all styles you want in there and CSS is to ensure it is rendered in all browsers the same.[/quote]

After the grid is generated you will see that the width property is removed.[/quote]

Erm, indeed. but that is not the point
I mean, i don't want to generate styling inside a datamodel because it is not the way it should be done and is pretty pointless.
moreover, i can't see any reason for adapting the width automatically.
if the user does not like it, he has the CSS for it.

[eluser]paulopmx[/eluser]
[quote author="wardenik" date="1207798271"][quote author="paulopmx" date="1207796283"][quote author="wardenik" date="1207791929"]Hey,

That is cool that you do, but this is almost an inline style.
It should not require (it can't!) an inline width specification.
CSS is for that and you can set all styles you want in there and CSS is to ensure it is rendered in all browsers the same.[/quote]

After the grid is generated you will see that the width property is removed.[/quote]

Erm, indeed. but that is not the point
I mean, i don't want to generate styling inside a datamodel because it is not the way it should be done and is pretty pointless.
moreover, i can't see any reason for adapting the width automatically.
if the user does not like it, he has the CSS for it.[/quote]

Ehem. Styling is not the point also . It is for configuration purposes, putting configuration for plugins in attributes is done widely and more rampant in others. If you really don't want to use the attribute, then create a colModel, If you are really using Flexigrid for datamodel purposes. And no, creating colModel is not for the ajax purposes only, you can use it to construct your column headers.

[eluser]wardenik[/eluser]
Ok then, if it is not for styling, then where is the problem of dropping the declaration and using the header model derived from the table <thead> itself?