在webgrid内创建一个复选框

时间:2012-11-03 05:38:45

标签: asp.net-mvc-3 checkbox webgrid

我想在webgrid中创建一个复选框选项,其值为int

以下我的表现......

grid.Column("",header:"Select",format:(item)=>Html.CheckBox(String.Format("{0}",(int)item.ID),false,new{id="chkSelected", Style="width:60px"})),

它对我来说很好,但我想使用下面的东西

grid.Column(header: "{CheckBoxHeading}",  format:
            @<text><input class="box"  type="checkbox" /></text>)

注意:我在剃须刀上使用aspx引擎

请帮助我。我用aspx引擎实现上述语法

感谢
阿曼

2 个答案:

答案 0 :(得分:0)

下面是一个关于如何在MVC 3中的webgrid列中使用复选框的简单演示。

我的模型中有一个名为'HasPassport'的字段,其类型为boolean,我需要一个复选框列,以显示每个真值的复选复选框,否则显示未选中的复选框。

使用WebGrid.Column的格式参数是我如何使用...

grid.Column(
header: "HasPassport ?",
format:
 (col) => @Html.Raw(

 "<input type='checkbox' checked='" +

 ((col.HasPassport) ? "checked" : "") +

 "' disabled='true' />")
)

因此,对于'hasPassport'字段的每个真值,都会生成以下HTML代码:

<input type='checkbox' checked='checked' disabled='true' />

P.S取自this文章。

答案 1 :(得分:0)

grid.Column(
header: "HasPassport ?",
format:
 (col) => @Html.Raw(

 "<input type='checkbox' checked='" +

 ((col.HasPassport) ? "checked" : "") +

 "' disabled='true' />")
)

无论col.HasPassport

如何,都将始终检查此项

修改为

grid.Column("HasPassport?",header: "HasPassport", 
                format:  (col) => @Html.Raw("<input type='checkbox' "+ ((col.HasPassport) ? "checked='checked'" : "") +"' disabled='true' />") ),