Hello,
I'm using the last version of Ignite UI and I have 2 questions about the grid. I use the ASP.net MVC helper but I think it's the same questions without ASP.NET.
1) I have a lot of columns and I would like to see some solumns only in the "Row edit dialog" and not in the grid. If I set Hidden property, the columns are hidden in the grid but also in the "Row edit dialog". Is there a way to hidden the column only in the grid ?
2) In my "Row edit dialog", I would like to customize some fields, I tested the following example:
<script id="dialogTemplate" type="text/html">
<div style="float: left;"> <table style="width: 100%;"> <colgroup> <col style="width: 30%;" /> <col style="width: 70%;" /> </colgroup> <tbody data-render-tmpl="true"></tbody> </table> </div></script><script id="editorsTemplate" type="text/html"> <tr> <td style="text-align:right;color:#777;"><strong>${headerText}</strong></td><td> {{if ${key} == 'MethodDescription'}} <textarea data-editor-for-${key}="true" rows="5" /> {{else}} <input data-editor-for-${key}="true" /> {{/if}} </td> </tr></script>
But the textarea field stays with a heigh of 1 row. How can I do to have 5 rows (or maybe other feature) ?
If I remove the data-editor-for-${key}="true" , I haven't the value of the filed in the textarea.
Regards,
Alain
Hi Alain,
You can show the hidden columns in the row edit dialog by using the showEditorsForHiddenColumns option within rowEditDialogOptions. You can see a working example in this fiddle:http://jsfiddle.net/d4p34p0f/
I am currently looking into how you can customize the the height of the text area editor.
Please let me know if you have any further questions.
You can set the height for a particular field by using the editorOptions for that column. Add this to the columnSettings options in the Updating behavior:
editorOptions:{height:"150px",readOnly: true}
You can see my example here: http://jsfiddle.net/d4p34p0f/1/For more information about editorOptions, please see our API documentation: http://www.igniteui.com/help/api/2016.2/ui.iggridupdating#options:columnSettings.editorOptions
Please let me know if you have any questions.