1

データを表形式で表示するために使用するWebgridを1つ作成しましたが、このチェックボックスを使用してwebgridのヘッダー部分にチェックボックスを追加したい操作を実行したい他のすべてのチェックボックスをwebgridにチェックし、ACTIVE And Delete操作を実行します。 .so を作成する方法を教えてください..Webgrid の私のコードの下:

<div id="mygrid">
     @grid.GetHtml(tableStyle: "gridTable",
         headerStyle: "gridHead",
         footerStyle: "gridFooter",
         rowStyle: "gridRow",
         alternatingRowStyle: "gridAltRow",                                                                                                                                                                                                                                                                                                                                                                                                     
         columns: grid.Columns(
             grid.Column(header: "",format: @<text><input type="checkbox" name="chkactive[]" value="@item.User_id" /></text>),
             grid.Column("User_Id"),
             grid.Column("Name"),
             grid.Column("Username"),
             grid.Column("Fb_Id"),
             grid.Column("User_image", format: @<text><img src="@Url.Content(@item.Image_path)" height="30px" width="50px" alt="noimage"/></text>),
             grid.Column("Email"),
             grid.Column("Gender"),
             grid.Column(header: "Status", format: @<text>
             @if (@item.Is_active == true)
             { 
                 <a href="@Url.Action("UserStatus", "Admin", new { id = @item.User_id })"><img src="../../images/Active.png"/></a> 
             }
             else
             { 
                 <a href="@Url.Action("UserStatus", "Admin", new { id = @item.User_id })"><img src="../../images/Deactive.png"/></a> }</text>),
             grid.Column(header: "Edit",
                 format: @<text><a href="@Url.Action("EditeUser", "Admin", new { id = @item.User_id })"><img src="../../images/icons/editor.png" /></a></text>),
             grid.Column(header: "Delete",
                 format: @<text><a href="@Url.Action("DeleteUser", "Admin", new { id = @item.User_id })"><img src="../../images/icons/trash.png"/></a></text>)))
</div>

チェックボックスをヘッダーに表示する形式を教えてください..ヘッダーエラーにチェックボックスを作成すると、オーバーロードされた最適な方法が表示されます....? また、ヘッダーは文字列型のデータのみを受け入れ、どの要素にも受け入れないこともわかっています..! この操作を実行するためのヒントを教えてください。

4

2 に答える 2

6

ヘルパーは、列ヘッダーへのマークアップのWebGrid追加をサポートしていません。この種のカスタマイズを可能にするTelerik MVC Gridまたはなどのより高度なコントロールを使用できます。MVCContrib Grid

WebGrid ヘルパーを使用する場合は、javascript を使用してヘッダーにチェックボックスを挿入できます。これは醜いハックですが、ヘルパーが正しいマークアップのレンダリングをサポートしていないため、唯一のハックです。

これを jQuery で行う方法の例を次に示します。

$(function () {
    $('.gridTable thead tr th:first').html(
        $('<input/>', {
            type: 'checkbox',
            click: function () {
                var checkboxes = $(this).closest('table').find('tbody tr td input[type="checkbox"]');
                checkboxes.prop('checked', $(this).is(':checked'));
            }
        })
    );
});
于 2013-03-05T07:18:04.207 に答える