Hi,
I have an editable grid, however, depending on a hidden field value I would like particular rows not to be editable.
Please see the attached sample.
If the value in the Exempt field = "yes" I would like this particular row not to be editable (not to respond to mouse clicks).
Also, as the grid is loading, if the value in the Exempt field is true, instead of displaying a numeric value in the score column I instead would like to display the string "Exempt".
In summary, if the value in the (hidden) Exempt field = "yes", display the word "Exempt" instead of a numeric score and prevent the row from being edited.
And one more wrinkle...
There is an "Apply Defaults to All" button at the top that updates all the rows with default values. I similarly need the "exempt" rows not to be editable by this action.
Many Thanks.
Hello Rick,
I'm glad that you were able to resolve this.
If you need further assistance, please let me know.
Regards,
Tsanna
Hi Tsanna,
I worked around this by changing the value in the dataset before it reaches the grid.
Thanks,
Rick
I tested the sample in IE11 and the styles seem to render with regular font, not italic in compare to your image. Also the image that you've attached seemed to show your real working application while the sample that you recently sent me is an isolated part of it. Please make sure that both include the same styles and functionality. I'm attaching an image that demonstrates the look and feel of the grid on initial load on my side for your reference.
I'm looking into this and will let you know of any available information.
Please do not hesitate to contact me with any additional questions in the meantime.
My mistake, use are using "bootstrap" style in your example. However it shouldn't make a difference.
If you are able to get the sample you provided me running in IE11 you should see the problem.
Chrome seems to override the tag in css/structure/infragistics.css:
.ui-iggrid-modifiedrecord>td{font-style:italic}
with the tags in css/themes/bootstrap/infragistics.theme.css:
.ui-iggrid-modifiedrecord>td{-webkit-animation-name:addingHighlight;-webkit-animation-timing-function:ease-in-out;-webkit-animation-duration:1s;-moz-animation-name:addingHighlight;-moz-animation-timing-function:ease-in-out;-moz-animation-duration:1s;-o-animation-name:addingHighlight;-o-animation-timing-function:ease-in-out;-o-animation-duration:1s;animation-name:addingHighlight;animation-timing-function:ease-in-out;animation-duration:1s}
.ui-iggrid-modifiedrecord>td{background-color:transparent;color:#999}
In short, in IE11 you should see the italics applied (which illustrate the problem when the grid renders), so please use that for your testing.
Thanks!