Hi Team,
I want to display child grid in a hierarchical manner using the MVC helper syntax.
5
I have the parent grid in the above format.
I need the child grid such that when I expand Item 1, I want 4 rows with textbox (and other html controls) where I can enter attributes of Item 1. When I expand Item 2, there should be 3 rows, for Item 3 there should be 5 rows and so on.
I see that there is ColumnLayout property, but if I do layout.For() - it needs a Child property for which I want to create a layout, but here, it just depends on the Quantity value (which is a int property of Item class).
Please help me to achieve this functionality. Expecting a fast reply from your side.
-Regards,
Agraj
Hello Agraj,
Thank you for the update. I believe this method isn’t working for you as the template specifically takes HTML markup:
http://help.infragistics.com/jQuery/2015.2/ui.iggrid#options:columns.template
Instead I recommend you use the formatter method as it allows you to assign a function where you can run JavaScript code to build your html:
http://help.infragistics.com/jQuery/2015.2/ui.iggrid#options:columns.formatter
Hi Mike,
Thank you for the reply.
May be, I was not clear while posting my query.
I want to split a row into multiple rows for a single cell.
Textbox (to enter Ids)
Depending on the count, each item would be having a unique Id which need to be entered in the textbox while adding/editing a record and as a label while displaying the record. There should be a save button, where I can bind these unique Id to the parent Id and save the records.
I tried this, but it didn't work:
.Template("for (var i = 0; i < ${Count}; i++) {document.write('<input type='text'/><br />');}");
Please help me in achieving this.
Is rowspan option available in Ignite Grid?
Thank you for contacting Infragistics!
Please see the following sample that demonstrates having a hierarchical grid with the MVC wrappers:
http://www.igniteui.com/hierarchical-grid/editing-dataset