Hi Team,
I want to display a div with controls like (button, labels, dropdown, etc.) on click of a ignite grid row. I do not want nested/hierarchical grid for this. The controls inside the div will contain details about the master record clicked.
Using iggridcellclick event, I could get the row clicked. But I want to have further details of the clicked row (may be by passing an ID of the clicked row) into the details panel.
It will be master/detail relationship, but I do not want to display details in another grid (child grid) but within a collapsible panel.
Does Infragistics offer this functionality out of the box, if not, how can I achieve this functionality?
-Regards,
Agraj
Hello Agraj,
Thank you for posting in our forums!
After looking into displaying a detail panel for grid rows and doing some research, displaying detail panels for a row has been determined to be a new product idea. You can suggest new product ideas for future versions (or vote for existing ones) at http://ideas.infragistics.com.
There are many benefits to submitting a product idea:
- Direct communication with our product management team regarding your product idea.- Notifications whenever new information regarding your idea becomes available.- Ability to vote on your favorite product ideas to let us know which ones are the most important to you. You will have ten votes for this and can change which ideas you are voting for at any time.- Allow you to shape the future of our products by requesting new controls and products altogether.- You and other developers can discuss existing product ideas with members of our Product Management team.
Steps to create your idea:
1. Log into the Infragistics Product Idea site at http://ideas.infragistics.com (creating a new login if needed).2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)3. Add your product idea and be sure to be specific and provide as much detail as possible. • Explain the context in which a feature would be used, why it is needed, why it can’t be accomplished today, and who would benefit from it. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it. Be convincing! • Include a link to this thread in your idea so product management will be able to look back at this case.
The Product Idea site puts you in the driver’s seat and allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.
Thank you for contacting Infragistics.
Hi Michael,
Thank you for your response.
Ok, will log in this as a new product idea.
But, for now, any idea if this is possible:
I click on grid row, a div as below:
<div id="collapsiblePnl" style="display:none"> <button id="btn1" style="margin:10px">Save grid state</button> <button id="btn2" style="margin: 10px">Previous saved grid state</button> </div>
appears just below the clicked row and the rest of the rows move down, a toggle kind of functionality.
But, I want the div to be inserted just below the clicked grid row.
Ok, I will try to implement the functionality using jQuery.
Thank you for your help Michael. You can close the ticket.
Hi Agraj,
I cannot say for sure if this is possible. A custom implementation like this falls out of the range of what Developer Support can provide assistance with since the igGrid was not designed with this functionality in mind.
You can try to mimic the behavior of the igHierarchicalGrid since the row expansion functionality is similar there.
If you need anything else, please let me know.