Opening a page on a modal automatically

[Raulis]

I'm trying to automatically open an appropriate page on a popup modal. My page design is I've got a RADGRID with an edit button for each column. Each row has a unique ID (lets say row 1 is 1, row 2 is 2 and etc.). Each cell has a unique ID number as well. Currently, I've got a popup modal that appears when you click edit on a row in the radgrid. The modal displays all the editable cellsfor that unique row. You then have to click through a cell name/id to fire the "edit" command to code behind that opens up a new page in the modal specific for that cell name/id. The edit button takes in hidden row details of the modal. How can I click on a cell (not a row) and open up the appropriate modal page to edit that cell without having to select the cell on the modal?

 

If this is too confusing or more information is needed I will explain it a bit better.

[Marin Bratanov]

Hi Raulis,

I suggest you start from the following demo: http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandwindow/defaultcs.aspx?product=window. Here are the similarities:

• there is a button in a cell that opens a modal dialog with the appropriate page
• the button comes from the grid template, not from the modal form
• the form loaded in the dialog has its own data source operations, so you can work with any data you like. For example, you can initiate request to switch to another record.

You can modify it further to fit your needs, for example:

• use data- attributes for the buttons to reduce the rendered markup and handlers
• consider using the grid client-side API to get data from the cells: http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/functionality/selecting/how-to/extracting-key-values-client-side.

Regards,

Marin Bratanov
Telerik by Progress