MVC 3 Webgrid làm cho toàn bộ hàng có thể nhấp

Question

Tôi đang sử dụng webgrid trong chế độ xem dao cạo trong MVC 3. Dưới đây là giao diện webGrid của tôi, tôi muốn làm cho toàn bộ hàng có thể nhấp và nhấp vào giá trị chuyển sang phương pháp javascript.

Tôi có thể gọi phương thức javascript của mình trên văn bản của tất cả các cột. Tôi muốn điều tương tự xảy ra khi nhấp vào bất kỳ nơi nào trên toàn bộ hàng.

Vui lòng hướng dẫn tôi về vấn đề này. Cảm ơn

  @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"), 

      ))  

     } 

Answer 1

Bạn phải sử dụng JQuery để thêm hàng chức năng nhấp chuột

Thêm htmlAttributes: mới {id = "MainTable"} trong webgrid của bạn.

<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> 

Answer 2

Tôi đã thực hiện việc này trong dự án của mình bằng cách thêm một lớp style: "click_able" vào cột cụ thể như thế nào.

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

và sau đó thêm chức năng nhấp chuột như.

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

Nó làm việc tốt trong trường hợp của tôi.