Welcome Guest Search | Active Topics | Sign In | Register

Add new row (item) into a grid via javascript Options
the kid
Posted: Friday, October 17, 2008 6:00:37 AM
Rank: Member
Groups: Member

Joined: 7/29/2008
Posts: 14
Hi
It would be very nice to implement adding (appending) rows into a grid via JavaScript code. For example, if I have 2 related grid (one for headers and one for lines), the only way to refresh the second grid, when user selects different row in the first grid, is to send callback. This approach is very slow.
The second way could be by fetching records with web service method and filling the second grid by deleting and adding rows with JavaScript. I suppose this way could be much faster.
I find out there is already deleteItem method but there is no appendItem or addItem method as a part of Grid JavaScript object.
Furthermore, I find several similar requests or question in the support forum.

Thanks in advance!

P.S.
I apologize because my poor English
eo_support
Posted: Friday, October 17, 2008 7:21:24 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,217
Hi,

I believe you can add new row that with JavaScript. To use this feature, you would need to:

1. Set the Grid's AllowNewItem to true;
2. Set the Grid's FullRowMode to true;
3. Use the following code to add a new row:

Code: JavaScript
function AddGridItem()
{
    //Get the Grid object
    var grid = eo_GetObject("Grid1");    

    //This returns total number of items in the Grid. Note when
    //you have AllowNewItem set to true, you will see one more
    //item on the screen. For example, when itemCount is 1,
    //you will see 2 items on the screen, the last one being the
    //the temporary new item 
    var itemCount = grid.getItemCount();

    //Place the new item into edit mode and then exit edit mode
    //right away. This will "submit" the new item and make it a
    //regular item and also generates a new "new item".
    grid.editItem(itemCount, true);
    grid.editItem(-1, true);
}

Hope this helps.

Thanks


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.