[英]Setting the selected value of bootstrap dropdown button on postback in MVC view
我用一个下拉按钮构建了一个引导搜索,该按钮允许选择搜索类型,例如名字或姓氏。 我主要在此工作,并且能够毫无问题地将搜索类型和字符串传递到我的模型中。 我遇到的问题是,单击搜索按钮并发生回发之后,下拉选择器将返回其默认设置,并且我想显示回发期间放回隐藏字段中的搜索类型。
隐藏字段和搜索字符串会在回发时填充,但是我不确定设置下拉列表值的最佳方法。
<div class="row">
@using (Html.BeginForm())
{
<div class="input-group col-md-6 col-md-offset-3">
<div class="input-group-btn search-All-panel">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
<span id="search_All_concept">@SiteStrings.FilterBy</span> <span id="txt" class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">@SiteStrings.All</a></li>
<li><a href="#level">@SiteStrings.Level</a></li>
<li><a href="#UCI">UCI</a></li>
<li><a href="#firstname">@SiteStrings.FirstName</a></li>
<li><a href="#lastname">@SiteStrings.LastName</a></li>
</ul>
</div>
@Html.HiddenFor(s => s.search_All_param)
@*<input type="text" class="form-control" name="search_All_String" placeholder="Search term..." />*@
@Html.EditorFor(s => s.search_All_String, new { htmlAttributes = new { @class = "form-control", @placeholder = "Search for..." } })
<span class="input-group-btn">
<button class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
}
</div>
只需使用三元应用活动类:
<li class="@(Model.search_All_param == SiteStrings.All ? "active" : null)">
<a href="#">@SiteStrings.All</a>
</li>
冲洗并重复下拉菜单中的每个项目。
猜猜有更好的方法,但这确实给了我我所需要的...
<div class="row">
@using (Html.BeginForm())
{
<div class="input-group col-md-6 col-md-offset-3">
<div class="input-group-btn search-All-panel">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
<span id="search_All_concept">
@{
switch(@Model.search_All_param)
{
case "level":
@SiteStrings.Level
break;
case "firstname":
@SiteStrings.FirstName
break;
case "lastname":
@SiteStrings.LastName
break;
default:
@SiteStrings.FilterBy
break;
}
}
</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">@SiteStrings.All</a></li>
<li><a href="#level">@SiteStrings.Level</a></li>
<li><a href="#firstname">@SiteStrings.FirstName</a></li>
<li><a href="#lastname">@SiteStrings.LastName</a></li>
</ul>
</div>
@Html.HiddenFor(s => s.search_All_param)
@Html.EditorFor(s => s.search_All_String, new { htmlAttributes = new { @class = "form-control", @placeholder = "Search for..." } })
<span class="input-group-btn">
<button class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
}
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.