6

MVC 3のかみそりビューでwebgridを使用しています。以下は、webGridの外観です。行全体をクリック可能にし、クリック時に値をjavascriptメソッドにも渡します。

すべての列のテキストでjavascriptメソッドを呼び出すことができます。行全体のどこかをクリックしても同じことが起こりたいです。

これについて教えてください。ありがとう

           @grid.GetHtml(

            columns: grid.Columns(

            grid.Column("CompanyName", format: @<text><a href="javascript:SubmitValues('@item.Col1','@item.Col2','@item.Col3');">@item.CompanyName</a></text>, header: "ABC"),

            grid.Column("CompanyAddress", format: @<text><a href="javascript:SubmitValues('@item.Col1','@item.Col2','@item.Col3');">@item.CompanyName</a></text>, header: "DEF"),

            ))      

         }
4

2 に答える 2

3

行クリック機能を追加するには、JQueryを使用する必要があります

WebグリッドにhtmlAttributes：new {id="MainTable"}を追加します。

<script type="text/javascript">
   $(function () {
        var tr = $('#MainTable').find('tr');
        tr.bind('click', function (event) {
            var values = '';
            var tds = $(this).find('td');


            $.each(tds, function (index, item) {
                values = values + 'td' + (index + 1) + ':' + item.innerHTML + '<br/>';
            });
            alert(values);


        });
    }); 


</script>
于 2012-05-16T13:52:18.930 に答える
2

私のプロジェクトでは、のstyle: "click_able"ような特定の列にクラスを追加してこれを行いました。

grid.Column("CompanyName", style: "click_able", format: @<text><a href="javascript:SubmitValues('@item.Col1','@item.Col2','@item.Col3');">@item.CompanyName</a></text>, header: "ABC"),

次に、のようなクリック機能を追加します。

<script type="text/javascript">
$(".click_able").click(function () {
    // Do something 
});

私の場合は問題なく動作します。

于 2016-08-29T07:53:10.767 に答える