MvcContrib网格和复选框

时间:2012-10-12 06:39:56

标签: asp.net-mvc-3 mvccontrib mvccontrib-grid

让我说我渲染一个Checkbox:

@Html.CheckboxFor(x => x.Checked) // Checked is true by default

ASP将把它变为:

<input checked="checked" data-val="true" data-val-required="The field is required." id="Checked" name="Checked" type="checkbox" value="true" />
<input name="Checked" type="hidden" value="false" />

由于ASP为Checkbox输出两个具有相同名称的输入,因此在使用复选框提交表单时,我们还会在URL中获得两个GET参数:

http://...?Checked=true&Checked=false

让我们说我也在使用MvcContrib显示一个带排序的表。

当我对列进行排序时,MvcContrib无法理解重复的GET参数,而不是写?Checked=true&Checked=false,而是写?Checked=true%2Cfalse,而MVC3无法将其解析为bool。排序后的错误消息是:

String was not recognized as a valid Boolean.

有没有其他人在使用MvcContrib网格时遇到过这个问题?

3 个答案:

答案 0 :(得分:4)

好的,我想我已经提出了解决方案:

创建自己的HtmlTableGridRenderer:

public class CustomTableGridRenderer<TViewModel> : HtmlTableGridRenderer<TViewModel> where TViewModel : class
{
    protected override void RenderHeaderText(GridColumn<TViewModel> column)
    {
        if (IsSortingEnabled && column.Sortable)
        {
            string sortColumnName = GenerateSortColumnName(column);

            bool isSortedByThisColumn = GridModel.SortOptions.Column == sortColumnName;

            var sortOptions = new GridSortOptions
            {
                Column = sortColumnName
            };

            if (isSortedByThisColumn)
            {
                sortOptions.Direction = (GridModel.SortOptions.Direction == SortDirection.Ascending)
                    ? SortDirection.Descending
                    : SortDirection.Ascending;
            }
            else //default sort order
            {
                sortOptions.Direction = column.InitialDirection ?? GridModel.SortOptions.Direction;
            }

            var routeValues = CreateRouteValuesForSortOptions(sortOptions, GridModel.SortPrefix);

            //Re-add existing querystring
            foreach (var key in Context.RequestContext.HttpContext.Request.QueryString.AllKeys.Where(key => key != null))
            {
                if (!routeValues.ContainsKey(key))
                {
                    routeValues[key] = Context.RequestContext.HttpContext.Request.QueryString[key];
                }
            }

            var link = HtmlHelper.GenerateLink(Context.RequestContext, RouteTable.Routes, column.DisplayName, null, null, null, routeValues, null);
            RenderText(link);
        }
        else
        {
            base.RenderHeaderText(column);
        }
    }
}

...只需替换

                if(! routeValues.ContainsKey(key))
                {
                    routeValues[key] = Context.RequestContext.HttpContext.Request.QueryString[key];
                }

...与routeValues[key] = Context.RequestContext.HttpContext.Request.QueryString[key];

使用你的新渲染:

@ Html.Grid()... RenderUsing(new CustomTableGridRenderer())

答案 1 :(得分:1)

我遇到了同样的问题,在搜索并尝试了很多不同的解决方案之后,一个简单的改变解决了它。只需确保在#34之前将其放入控制器中;返回视图&#34;:

 ModelState.Remove("Checked"); 

答案 2 :(得分:0)

糟糕的解决方案,但有效:

 $(function() {
        $("a[href*='true%2Cfalse']").each(function () {
            $(this).attr("href", $(this).attr("href").replace("true%2Cfalse", "true"));
        });
    });

请提供其他服务器端解决方案。