asp.net-mvc-3 – MVC 3 Webgrid使整行可点击

发布时间：2020-12-16 03:55:15 所属栏目：asp.Net 来源：网络整理

导读：我在MVC 3的剃刀视图中使用webgrid. 下面是我的webGrid的外观,我想让整行可点击,并点击传递值到 javascript方法. 我能够在所有列的文本上调用我的javascript方法.我希望在整个行的任何地方点击都会发生同样的情况. 请指导我这个.谢谢 @grid.GetHtml( columns

我在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",header: "DEF"),))      

         }

解决方法

您必须使用JQuery添加行单击功能

在webgrid中添加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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!