0

私はすべてを検索しましたが、答えが見つからないようです。

WebGrid を含む MVC3 プロジェクトがあります。最初の列は、その行を選択するためのリンクを作成するために、現在通常の item.GetSelectLink を使用している Select です。

テスト「選択」ではなく、これをチェックボックスにしたい。ユーザーがチェックボックスを押すと、グリッド内のその行が選択され、ボックスが「チェック」されます。

チェックした状態とチェックしていない状態を私が提供する画像にしたいと思います。

どうすればいいですか？

4

1 に答える 1

0

Ajax で特別なことをしていない限り、"select" リンクはクエリ文字列に追加された "Selected=index" でページを更新します。人々はページのリロードをトリガーするチェックボックスに慣れていないため、これは珍しい経験です。

「選択」リンク機能を完全に模倣する、このようなことを行うことができます。最初にチェックボックスを行に追加します。

grid.Column(
    format: (item) => @Html.Raw("<input class='select' type='checkbox'" +  ((grid.SelectedRow == item) ? "checked" : "") + " />")
)

次に、チェックボックスのクリックを処理する Javascript を追加します。

var index = 1;
$("input.select").each(function () {
    $(this).data('row', index);
    $(this).click(function () { window.location = "?Selected=" + $(this).data('row'); });
    index++;
});
于 2012-04-19T18:14:34.100 に答える