Can I use the Grid Control to design a control attached?

Suite and Optimus Suite 5
#1

Hi

Im looking for a control to be able to support it… I need to know with 100% certainty that I am able to achieve the attached control. The basic objective is I need control which has interactive handlers . The only time it is drawn is the first time… any interaction with the webS is to update info on the server… I do not need the server to return me rendered code to redraw my table. I want to keep the traffic to the stict minimum from the front end to the server.

The key feature i’m looking for:

  1. Support JSON databinding via webservices (ASP.NET)
  2. Grouping of the Rows ( example Categories ROw Header )
  3. Support Adding rows on the client side. Adding an Item will issue a call to the webservice which returns me the new list with the added item group by Category or the added item appended to the existing grid under the correct group without postback ( Array of JSON objects or JSON object)
  4. Deleting Rows on the client side. Deleting will issue a WebS Call to delete the object and returns the new list group by Category
  5. Clicking on the Group Header, Collapses the items under the Group
  6. CLicking +/- Issues WebService calls again without post back or partial refresh.
  7. Please see the hilighted items on the attachment… these are the items which has event handlers.

Am I looking at the right product…Can all this be achieved… i expect some code to be written, but I do not wish to do too much hacking of the existing control… otherwise I can probably write my own control from scratch… the idea is to have something which is 80% supported and I can add the 20% to complete it.

thanks in advanced

grid.jpg609×506 54.6 KB

#2

A Sample or demo is of course greatly appreciated…

#3
  1. Support JSON databinding via webservices (ASP.NET)

Unfortunately the ASP/Net dhtmlxConnector does not support loading JSON in dhtmlxGrid

  1. Grouping of the Rows ( example Categories ROw Header )
  2. Clicking on the Group Header, Collapses the items under the Group

dhtmlx.com/docs/products/dht … group.html

  1. Support Adding rows on the client side. Adding an Item will issue a call to the webservice which returns me the new list with the added item group by Category or the added item appended to the existing grid under the correct group without postback ( Array of JSON objects or JSON object)
  2. Deleting Rows on the client side. Deleting will issue a WebS Call to delete the object and returns the new list group by Category

dhtmlx.com/docs/products/dht … _grid.html
Here you can find an example of adding/deleting rows to the grid using addRow()/deleteRow() method

  1. CLicking +/- Issues WebService calls again without post back or partial refresh.

There is no such exCell type in dhtmlxGrid. You may try to create your own exCell type or try to use combo, select box

  1. Please see the hilighted items on the attachment… these are the items which has event handlers.

Unfortunately it’s not available to add event handlers to the cell(column). Only to a grid. You may check the index of the column and allow or deny the needed process.

#4

Thanks for your reply…
So from what I gather, based on your samples and replies…
It seems like I can indeed manipulate the rows on the client side…
however, it seems I cannot add interactive event handlers within the columns of the grid which post to the server ( example to update the qty or change a size through the combo) ?

#5

You can add the event handlers to a whole grid, but almost all events have rowId/colInd attributes so you can set the individual action for different rows/columns/cells