Проверка пользовательского интерфейса Kendo для Razor вместо Html

Я использую валидатор Kendo в своем приложении MVC и хочу изменить положение сообщения проверки снизу справа от ввода. Хотя html-код проверки пользовательского интерфейса Kendo отображается справа от ввода, тот же код показывает сообщение проверки под вводом, а не справа от него. Есть ли ошибка или как преобразовать его в бритву? Обратите внимание, что в коде бритвы между «требуемым» и «сообщением проверки» нет пробела, но при использовании его в качестве html-кода возникает ошибка. Есть идеи?

Вы можете взглянуть на: http://jsbin.com/kubohuniki/1/edit?html,output

Эта строка показывает сообщение проверки "справа" от ввода:

<label>Label RIGHT</label>
<input id="Name" class="k-textbox" required validationmessage="required field" />

Эта строка показывает сообщение проверки «ниже» ввода:

 <label>Label BELOW</label>
 @Html.Kendo().TextBoxFor(m => m.Name, new { @class="k-textbox", requiredvalidationmessage="required field"  })

asp.net-mvc unobtrusive-validation kendo-ui kendo-ui-mvc kendo-validator
person Jack    schedule 20.02.2015    source источник
comment
requiredvalidationmessage кажется написанным вместе   -  person sakir    schedule 20.02.2015
comment
Вы хоть смотрели на свою ссылку JSBin?   -  person Pluc    schedule 20.02.2015
comment
@sakir Я знаю, что это комбинировано, но запись отдельно на странице razor.cshtml не поддерживается, и при таком использовании возникает ошибка. Итак, мне нужно знать, как использовать этот код в режиме бритвы? Заранее спасибо.   -  person Jack    schedule 20.02.2015
comment
@Pluc Да, я знаю. Но в моем проекте это работает, и единственная проблема, связанная с моим TextBoxFor, заключается в том, что он показывает сообщение проверки сразу под вводом, а не рядом с вводом. Итак, мне нужно знать, как использовать этот код в режиме бритвы? Заранее спасибо.   -  person Jack    schedule 20.02.2015
comment
Вы пытались использовать одинарную кавычку, например, { @class=k-textbox, requiredvalidationmessage='required field'}   -  person sakir    schedule 20.02.2015
comment
В этом случае обнаружено слишком много символов в символьном литерале. Я посмотрел в Интернете, но не нашел подходящего решения.   -  person Jack    schedule 20.02.2015
comment
попробуйте это новое { @class=k-textbox,required='true',validationmessage=required field}   -  person sakir    schedule 20.02.2015

Ответы (1)


arrow_upward
1
arrow_downward

попробуйте это (обновлено)

  @Html.TextBoxFor(m => m.Question, new { @class = "k-textbox",


required = "true", validationmessage = "required field" }) 

@Html.ValidationMessageFor(model => model.Question)
person sakir    schedule 20.02.2015
comment
Извините, но все еще не работает :( С другой стороны, приведенные ниже атрибуты html работают для Html.Kendo().MaskedTextBoxFor() в проекте. Как я могу адаптировать эти атрибуты html к textBoxFor()? - person Jack; 20.02.2015
comment
.HtmlAttributes(new { data_validmask_msg = обязательное поле!.., обязательное = обязательное}) - person Jack; 20.02.2015
comment
Не могли бы вы отправить ссылку? - person Jack; 20.02.2015
comment
Я вижу сообщение проверки под элементом управления в Firefox и Chrome. Однако я хочу, чтобы сообщение отображалось рядом с элементом управления. Большое спасибо за вашу помощь. - person Jack; 20.02.2015
comment
Хорошо, понятно, что проблема связана с использованием Kendo().TextBoxFor вместо TextBoxFor. Это действительно странно. Большое спасибо за вашу помощь. Не могли бы вы обновить свой код ответа выше, чтобы другие люди могли использовать правильный путь напрямую. Я выберу его как ответ, конечно :) Вот рабочий код: @Html.TextBoxFor(m => m.Question, new { @class = k-textbox, required = true, validationmessage = required field }) @Html. ValidationMessageFor(модель => модель.Вопрос) - person Jack; 20.02.2015