MvcContrib 网格和复选框

Posted

技术标签:

【中文标题】MvcContrib 网格和复选框【英文标题】:MvcContrib grid and checkboxes 【发布时间】:2012-10-02 22:42:43 【问题描述】:

假设我渲染了一个复选框:

@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&amp;Checked=false,而是写 ?Checked=true%2Cfalse,MVC3 无法将其解析为布尔值。排序后的错误信息是:

String was not recognized as a valid Boolean.

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

【问题讨论】:

【参考方案1】:

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

创建自己的 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())

【讨论】:

【参考方案2】:

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

 ModelState.Remove("Checked"); 

【讨论】:

【参考方案3】:

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

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

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

【讨论】:

以上是关于MvcContrib 网格和复选框的主要内容,如果未能解决你的问题,请参考以下文章

extjs 分组网格的组头复选框

禁用带有复选框的网格面板

如何将 css 类应用于 mvccontrib 网格

MVCContrib 网格 - 选择行

PHPMyAdmin 4.0.5 - 网格编辑、复选框、编辑、复制和删除功能不可用

使用 MVCContrib 网格进行编辑