How to set css class for TextBox in InlineEdit CRUD Grid depending other column ?

Title:

BI{code} ?

I want set css class for textbox in InlineEdit CRUD in table of db have structure ---------------------------- name | value | IsNumeric ---------------------------- core_name | HULK | false core_nta | 5000 | true ---------------------------- If row have IsNumeric is true i would like to set MyNumeric class for TextBox ----- IsNumeric is true new Column { Bind = "value" }.Mod(o => o.Inline(Html.Awe().TextBox("value").CssClass("MyNumeric"))) ----- IsNumeric is false new Column { Bind = "value" }.Mod(o => o.Inline(Html.Awe().TextBox("value").CssClass("MyString"))) is this possible ? please note I want to use autoNumeric ( http://www.decorplanit.com/plugin ) for numeric rows and how can I make use of the execute the plugin on the textbox after the row is rendered I try $('#NameGrid').on('aweload', \\It's not work because I woulk like to set autoNumeric By Jquery $('.MyNumeric').autoNumeric('init', { vMin: '0.00', vMax: '1000000000000.00' });

Save Changes Cancel

nutfergie

asked at 17 Mar 2017

Answers

• BI{code} ?

  in the `GridModelBuilder.Map` (MapToGridModel in the demo controller), add another property: ValCssClass = o.IsNumeric ? "MyNumeric" : "Mystring" and in the view use it like this: new Column { Bind = "value" }.Mod(o => o.Inline(Html.Awe().TextBox("value").CssClass(".ValCssClass"))) you can execute your plugin on `aweinlineedit` event, the way it's done for bootstrap toggle plugin in the demo, code from demo page: $(document).on('aweinlineedit', function () { $(this).find(".btoggle").bootstrapToggle({ on: 'Yes', off: 'No' }); });

  Save Changes Cancel

  

  Omu

  answered at 17 Mar 2017

please Sign In to leave an answer