igCombo validate using asp mvc validation

280

Fredrik Walka posted over 8 years ago

Hi,

I'm trying to use igCombo as a replacement for DropDownListFor in my MVC application, as it offers things like autocomplete and filtering of selectable data. All that works just fine, but one things is not working as I want it to. I only use Infragistics components for my dropdownlists in my form, using the standard html helpers for all other input fields. When submitting the form, igCombo fields shows it's own error message (using igValidator), replacing the ValidationMessageFor I want to show in order to keep messages localized and in the same format. I'm working with the MVC html helper of igCombo.

I need help to etiher disable/prevent/redirect this validation error message to use ValidationMessageFor instead of it's own validation message.

I'm using Infragistics 2015.2 with the latest jquery and jqueryui.

Sample code:

@(Html.Infragistics().ComboFor(model => model.CountryID)

.PlaceHolder(DtoResource.Select_country)

.AutoComplete(true)

.EnableClearButton(true)

.AllowCustomValue(false)

.ValidatorOptions(options => options.OnBlur(false).OnChange(false).OnSubmit(true))

.FilteringCondition(ComboFilteringCondition.StartsWith)

.HighlightMatchesMode(ComboHighlightMatchesMode.StartsWith)

.DataSource(ViewBag.Countries)

.ValueKey("Value")

.TextKey("Text")

.DataBind()

.Render()

)

@Html.ValidationMessageFor(model => model.CountryID, "", new { @class = "text-danger" })

@*@Html.DropDownListFor(model => model.CountryID, (SelectList)ViewBag.Countries, DtoResource.Select_country, htmlAttributes: new { @class = "form-control" })*@

</div>

Regards

2525

Sam Elliott posted over 8 years ago in reply to Fredrik Walka

Hello Fredrik,

I was unable to reproduce this behavior. Attached is a sample with ValidatorMessageFor with igCombo. Let me know if you have the same results in your environment. Feel free to modify the sample if you feel that this is not an accurate representation of what you are trying to achieve.

TextEditorDD.zip
Cancel
Reply

Cancel
280

Offline Fredrik Walka posted over 8 years ago in reply to Sam Elliott

As I mentioned before, I want the ValidationMessageFor html helper to display the error message when submitting the form, not igValidator and/or igCombo. I want to keep it the same for all my input fields on the page. igValidator alters the ValidatorMessageFor preventing it to show. I've seen examples at Infragistics such as http://www.igniteui.com/help/configuring-asp.net-mvc-validation, but it doesn't seems to work. I still get the error message as in part 3 (Add Data Annotation Validators), but I want it to be as in part 4 (Configure Validation Messages (Optional)). Don't know if this because of the update to igValidator in 2015.2. It does seem like it's not working as intended.

If i put a $('form').igValidator('destroy'); in the form submit event, I can get the correct validation message, but not without getting JavaScript unhandled error due to missing object (reference to object not initialized) first.

Regards

FW
Cancel
Reply

Cancel
2525

Sam Elliott posted over 8 years ago

Hello Fredrik,

Can you give me more details as to what you are trying to achieve within the ValidatorMessageFor? In the case of the igCombo, you have access to ValidatorOptions which you can use to set the values of the igValidator. You can read up on the options available here: http://help.infragistics.com/jQuery/2015.2/ui.igvalidator
Cancel
Reply

Cancel