使用viewbag禁用html属性

我试图在触发更改事件后将下拉列表呈现为diabled。我在httppost上的控制器的viewbag中传递了禁用标志。但是，viewbag的名称显示在html标志中，而不仅仅是值。请参阅我下面的代码：使用viewbag禁用html属性

@Html.DropDownList("dropdown", ViewData["dropdown"] as IEnumerable<SelectListItem>, "--Select--", new { @class = "form-control", id = "dropbox", onchange = "this.form.submit();", ViewBag.propertydisable})

在我的控制器

ViewBag.propertydisable = "disabled";

它是如何呈现HTML：

<select class="form-control" id="dropbox" name="searchparams" propertydisable="disabled" onchange="this.form.submit();" > 
    <option value="">--Select Budget holder--</option> 
    <option selected="selected" value="option1">option1</option> 
    <option value="opt">option2</option> 
</select>

我是多么希望它渲染是

<select class="form-control" id="dropbox" name="searchparams" disabled onchange="this.form.submit();"> 
    <option value="">--Select Budget holder--</option> 
    <option selected="selected" value="option1">option1</option> 
    <option value="opt">option2</option> 
</select>

因此，一旦回发完成，最终结果将被禁用。

来源

2015-09-28 snab

你需要建立一个基于对象的ViewBag财产

@{ var attributes = ViewBag.propertydisable ? (object)new { @class = "form-control", disabled = "disabled"} : (object)new { @class = "form-control"}; } 
@Html.DropDownList("dropdown", ViewData["dropdown"] as IEnumerable<SelectListItem>, "--Select--", attributes)

请注意，您应该设置ViewBag财产

ViewBag.propertydisable = true;

旁注定义HTML属性：使用Unobtrusive Javascript而不是用行为污染你的标记。不知道为什么你从默认"dropdown"改变id属性"dropbox"但下面假设你删除id="dropbox"属性

$('#dropdown').change(function() { 
    $('#form').submit(); 
});

来源

2015-09-29 01:39:35

首先，而不是内联脚本使用不显眼的js。而且你也使用错误的超载。

下面的代码应该工作：

@Html.DropDownList("dropdown",yourlist,new { @class = "form-control", id = "dropbox",disabled=ViewBag.propertydisable})

更新：

$(document).ready(function() { 
 

 

 
      $('#dropdown').change(function() { 
 

 
       $('#form').submit(); 
 

 
      });

来源

2015-09-28 11:48:36

我已尝试和财产来为禁用无回传被触发，甚至当我设置viewbag值为false。 – snab

@ user2055227没错，只要“禁用”的存在将会禁用它，而不管“=”后面的部分。 – Crowcoder

所以它的js代码是错误的。请参阅更新代码 –

似乎哈克给我，但你可以有条件地通过改变你propertydisable渲染元素这样a bool：

@{ 
    if(Viewbag.propertydisable) 
    { 
     Html.DropDownList("dropdown", 
      ViewData["dropdown"] as IEnumerable<SelectListItem>, 
      "--Select--", 
      new { @class = "form-control", 
        id = "dropbox", 
        onchange = "this.form.submit();", 
        disabled = "disabled"}); 
     } 
    else 
    { 
     Html.DropDownList("dropdown", 
      ViewData["dropdown"] as IEnumerable<SelectListItem>, 
      "--Select--", 
      new { @class = "form-control", 
        id = "dropbox", 
        onchange = "this.form.submit();"}); 
    } 
}

来源

2015-09-28 12:06:03 Crowcoder

使用viewbag禁用html属性

回答

相关问题