[pileMember]

Hi Dimitar,

Thanks for quick answer.
I hope that this handy feature will find a way to jqWidgets’ future plans.

Pile.

[pileMember]

Hi Peter,
I’m glad to hear that!
Thanks!

[pileMember]

Hi Peter,

You are right. I combined ‘getrowdata’ and ‘updaterow’ to manage row content, and a little boost to my makeAddToListButton_html() get it done. Function now checks cell’s value and gives proper html output.

I think that my problems here are solved, and huge thanks again for helping!!

Pile

[pileMember]

Thanks!
These are the code lines that I was missing! Works now very well.

So I was going further with this, removing regular button with image button, and going to change that image after click to one that represents “song added to list”. That was easy. But on grid scroll or page change, everything goes back to its original state.

I’m already using $("#jqxgrid").jqxGrid('render'); when I need to change a grid height, for example, and I suppose that there is specific way to change cell content, not just find it via Id and change it…

So, I hope my last question on this grid topic is: Is there a way to change/render just that specific cell (or its whole row)?

Thans,
Pile

[pileMember]

Hi Peter, thanks for the answer, but I’ll need a little more help.

I’d like to use second solution, the one without grid cellclick event, but I didn’t figure it how from your answer… so I’m going to quickly explain the situation that I need to solve:

I’m making a table of songs for my band, looping trough data from ajax call:

var items = new Array();
$.each(songsData, function (i, obj) {
var row = {};
row["Title"] = makeTitle_html(obj.SongId);
row["Album"] = makeAlbum_html(obj.AlbumId);
row["AddToList"] = makeAddToListButton_html(obj.SongId);
items.push(row);
});


Then, pass the array to the grid:

var source =
{
data: items,
datatype: "array"
};
$("#jqxgrid").jqxGrid(
{
source: source,
theme: theme
};


Functions that make cells in row return a simple html-ish string. In the last one I need to make a clickable button. That function looks and returns something like this…

makeAddToListButton_html(id) { return 'input type="button" class="gridButton" id="btn"' + id + '"value="Add to list"' }

…and the given ‘id’ is very important.
I was going to handle click via $(gridButton).click( … ), but other ways are acceptable.

So basically, the question is how to combine your solution (where to put and how to use cellsrenderer) and this piece of my code for making jqxgrid?

Thanks,
Pile

[pileMember]

Thanks Peter for this more than complete answer!

At present, the ‘theme’ property can be set only during the initialization of the widget in its constructor. In the upcoming releases we will enable setting it dynamically by simply setting a new value to the ‘theme’ property.

I was guessing that this is the only way, and I am glad that upcoming releases will bring dznamic and simple solution in case of theme switching :).

I will show you how to switch themes dynamically without setting the ‘theme’ property.

Thanks for this interesting code, I’ll try to find some solution using it.

[Author]

Posts