Формат html.Условный атрибут TextBox с ASP.NET предварительный просмотр MVC 5

у меня есть строго типизированный элемент управления MVC View, который отвечает за пользовательский интерфейс, где пользователи могут создавать и редактировать элементы клиента. Я хотел бы, чтобы они могли определить ClientId при создании, но не редактировании, и это должно быть отражено в пользовательском интерфейсе.

для этого у меня есть следующая строка:

<%= Html.TextBox("Client.ClientId", ViewData.Model.ClientId, new 
 { @readonly = 
   (ViewData.Model.ClientId != null && ViewData.Model.ClientId.Length > 0 
      ? "readonly" : "false") 
 } )
%>

Кажется, что независимо от того, какое значение я даю атрибуту readonly (даже "false" и""), Firefox и IE7 делают вход только для чтения, что раздражающе противоречит интуиции. Есть ли хороший, основанный на троичном операторе способ полностью отбросить атрибут, если он не требуется?

8 ответов


сложная проблема... Однако, если вы хотите определить только , вы можете сделать это так:

<%= Html.TextBox("Client.ClientId", ViewData.Model.ClientId, 
  ViewData.Model.ClientId != null && ViewData.Model.ClientId.Length > 0 
    ? new { @readonly =  "readonly" } 
    : null) 
%>

Если вы хотите определить больше атрибутов, вы должны определить два анонимных типа и иметь несколько копий атрибутов. Например, что-то вроде этого (что мне все равно не нравится):

ClientId.Length > 0 
  ? (object)new { @readonly = "readonly", @class = "myCSS" } 
  : (object)new { @class = "myCSS" }

Если вы хотите определить несколько атрибутов и условное readonly без дублирования других атрибутов, для атрибутов можно использовать словарь вместо анонимных типов.

например

Dictionary<string, object> htmlAttributes = new Dictionary<string, object>();
htmlAttributes.Add("class", "myCSS");
htmlAttributes.Add("data-attr1", "val1");
htmlAttributes.Add("data-attr2", "val2");
if (Model.LoggedInData.IsAdmin == false)
{
    htmlAttributes.Add("readonly", "readonly");
}


@:User: @Html.TextBoxFor(
    m => m.User,
    htmlAttributes)  

и альтернативой является просто испустить его как простой старый HTML. Да, редактор заставит вас думать, что вы ошибаетесь, но это, похоже, происходит довольно часто с VS2008SP1. Этот пример специально для флажков, которые, кажется, полностью теряются в CTP5, но он дает вам представление о том, как испускать условные атрибуты.

<input type="checkbox" name="roles" value='<%# Eval("Name") %>' 
  <%# ((bool) Eval("InRole")) ? "checked" : "" %> 
  <%# ViewData.Model.IsInRole("Admin") ? "" : "disabled" %> />

совет: его простое наличие атрибута readonly / disabled, который делает элемент readonly или отключен в браузере.

@Html.TextBoxFor(x => x.Name, isReadonly ?(object) new { @readonly = true } : new { /*Some other attributes*/ })

Я думаю, что это должно быть

<%= ((bool) Eval("InRole")) ? "checked" : "" %> 

вместо этого в leppies ответ.

<%# ((bool) Eval("InRole")) ? "checked" : "" %> 

по крайней мере, это не сработало для меня с#, но это сработало с =. Я сделал что-то не так? Спасибо за совет в любом случае:)


$(функция() { $("[только чтение= 'false']").removeAttr ("только чтение"); });


Я использую этот :

   @Html.TextAreaFor(model => model.ComentarioGestor, comentarioGestor? new { @class = "form-control" } : new { @class = "form-control", @readonly = "readonly" } as object)

Я пробовал большинство предложений выше, и теперь я пришел к простейшему с одной строкой. Объедините 2 анонимных объекта атрибутов html, объявив один из них типом "объект".

@Html.TextBoxFor(m => m.Email, !isEdit ? new { id = "email_box" } : new { id = "email_box", @readonly = isEdit ? "readonly" : "false" } as object)