Forums

I'm writing a summary click-through application that let's a user drill down deeper into details about the status of a report. In order to better explain, the first page shows a datatable that houses JSON data, where the user can select a row and obtain further information about the item in the row. I can create a panel and based on the row click, I create another XHR to retrieve more JSON information, for a datatable inside the panel, with one problem. I specify the panel element used in constructing the panel as the element used for the datatable and the datatable is there. The panel loses the close button, even though 'close' is true. Has anyone attempted this sort of thing?

Am I close or far off?

Here is the code for the original datatable, the panel coming from the original datatable event, and the datatable generated based on the rowClick event from the original datatable.

http://pastie.org/3741175.js

Thanks for your reply John. I need to mention that the datatables do not share the same column data, so a treeble wouldn't work, I had high hopes for your solution.

If I create a layout for the panel, would this help? Could I assign the second datatable to part of the layout in the panel?

If you want the DataTable inside a panel, try creating a separate container for the panel, and put the DataTable inside that.

John,

Create a div for the panel in the HTML, not in the script?