Hi,
Need help in customizing the IgGrid. Additional information is available in attached document.
We want IgGrid layout similar to the first screenshot attached in the document.
Questions:
3. When I set the ShowHeader property to false, the grid alignment is going for a toss.
_$displayTitleAndFootageGrid.igGrid({
autoGenerateColumns:false,
height:"275px",
width:"1190px",
alternateRowStyles:false,
primaryKey:'PrimarydisplayKey',
columns: [
{ headerText:"", key: "PrimarydisplayKey", dataType: "string", width: '0px', hidden: true },
{ headerText:"", key: "DisplayTitle", dataType: "string", width: "300px", hidden: true },
{ headerText:"", key: "PreDisplayVersionId1", dataType: "string", width: '1px' },
{ headerText:"", key: "RevisedReissuedComboIndicatorValue", dataType: "string", width: "60px", formatter: gridHelper.revisedReissuedComboIndicatorValue },
{ headerText:" ", key: "PredisplayKey1", width: "25px", formatter: _buildCheckBox },
{ headerText:" ", key: "FootageSize1", width: "110px", dataType: "string", formatter: _footageFormatter },
{ headerText:"", key: "PredisplayKey2", width: "25px", formatter: _buildCheckBox },
{ headerText:" ", key: "FootageSize2", dataType: "string", width: "110px", formatter: _footageFormatter }
],
features: [
{name:'GroupBy',
columnSettings: [
{
columnKey:"DisplayTitle",
isGroupBy:true,
groupComparerFunction: _groupByDisplayTitle
}
]
Thanks in advance for your support,
Veena
Hi Vasya,
Thanks for your support, we don't require any assistance wrt to this post.
Regards,
Kiran
Hello Kiran,
Please let me know if you need any further assistance with this matter.
I believe igHierarchicalGrid will help you achieve your desired look and feel for the grid,letting make the data relations based on the data itself without using Grouping feature. That would however require a significant change in the data model as in its current form it would not be suitable for a hierarchical display (or grouping). A possible change with a hierarchical display would be to add an id property to each DEF class and relate it that way to its parent ABC item.
Some further reference about igHierachicalGrid could be found at:
http://help.infragistics.com/doc/jQuery/2014.1/CLR4.0/?page=igHierarchicalGrid_Overview.html
In your scenario I believe the MVC is what you are looking for since it provides you the opportunity to use code behind and server side logic. A walkthrough Initializing igHierarchicalGrid in both MVC and jQuery could be found at:
http://help.infragistics.com/Help/Doc/jQuery/2014.1/CLR4.0/HTML/igHierarchicalGrid_Initializing.html
Additionally, a working sample of igHierarchicalGrid and MVC could be found at:
http://igniteui.com/hierarchical-grid/aspnet-mvc-helper
I hope you find this information helpful.
Please do not hesitate to contact me if you have any additional questions regarding this matter.
PFA the grid layout which is same as the one shared in this chain earlier. The attachment has the input model which we are trying to bind it to the grid.
Please suggest which grid suits our requirement.
Note: Display Title and indicator(eg: first cell value of row 1, 3, etc in screen shot attached) might have more than one footages which has to be displayed in the row below, it should be restricted to 7 columns , but can extend to more than one row. so we are constructing this as a IEnumerable collection.
The data is dynamic and is pulled in from the database.
Thanks,
Hello,
Let me know if I may be of further assistance.