This is how column definitions are
gridBrfColumnDef: [ { key: 'Id', headerText: '', template: '<a ng-if="${IsEditable} && isWork" href="#/act/bf/edit?entityid=${Id}&workd=${id}">View</a> <a ng-if="${IsEditable} && !isWork' href="#/budgetrequestform/edit?entityid=${Id}&workid=${WorkflowStepId}">View</a>', width: "55px", dataType: "string", hidden: false }, { key: 'ParentCompany', alternativeName: "Entity", headerText: 'Entity', width: "80px", dataType: "string", hidden: false }, { key: 'Number', headerText: 'No.', width: "80px", dataType: "number", hidden: false },{ key: 'AddedBy', headerText: 'Added By', width: "90px", dataType: "string", hidden: false }, { key: 'Init', headerText: 'Initiative', width: "100px", dataType: "string", hidden: false }, { key: 'RAE', headerText: 'RaE: "80px", dataType: "string", template: '<div title="${RationalToolTip}">${Rational}</div>', hidden: false }, { key: 'PRO', headerText: 'Project', width: "120px", dataType: "string", hidden: false }]
Following steps gives the issue-
Select Group BY option
Drag any column
Select any row
Hide any column
Then in selected row Id columns shows raw html content :
< class="ui-iggrid-selectedcell ui-state-active"a ng-if="true && isWorkflow" href="#/act/bf/edit?entityid=${Id}&workd=${id}">View
Hello Namdeo K,
Thank you for posting in our forums!
Thank you for providing your column definitions. After looking over your column definitions, I noticed a couple syntax errors that may be causing this behavior. Please see my observations below:
1.) In your Id column's template, you have a single quotation mark trying to close a double quotation mark at: <a ng-if="${IsEditable} && !isWork' This may be causing some unwanted behavior since the template is being prematurely terminated. Please try changing this to a double quotation mark.
2.) In your RAE column, you have: headerText: 'RaE: "80px" This also may be causing some unwanted behavior. I am assuming you wanted to set the column's width to 80px, so please use the following: headerText: 'RaE', width: "80px"
After making the above changes, please let me know if you are still experiencing this behavior.
Hi Michael
The two points you mentioned were already in correct format.While posting the question i missed the quotation and width to mention.
Though i verified the syntax but still no success.Is it because i am using angularjs in Template?
Now there is another problem whenever i perform any action the template disappears.
Is there any other solution?
Using the angular directives inside the template will not work but they should not cause this issue you are experiencing. The directives will not work because the template is not compiled with angular and will not evaluate correctly. The following pages provide more information on this:
http://www.infragistics.com/community/forums/t/93041.aspx
https://github.com/IgniteUI/igniteui-angular/issues/9
You can find more information on using Ignite UI with AngularJS in our documentation here.
After further testing of the issue where the raw html renders, this is related to using GroupBy and the Selection features when you have a column template. This is not related to using Angular as I have reproduced it without Angular. Selecting a row and then dragging a column to GroupBy while you have a template column will reproduce this issue.
I have created a support case for you with an ID of CAS-148496-V4B1J0. The matter has been determined to be a development issue and has been logged in our tracking system with ID: 186607.
I will leave this case open and update you with any new information. You can view the status of the development issue connected to this case by going to the “Account” tab on our website, selecting "My Support Activity" and then this support case will be listed there. Then, you may select the "Development Issues" tab to view details of this development issue.
Please let me know if you have any questions.