繁体   English   中英

在MVC视图的回发中设置引导程序下拉按钮的选定值

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM