MVC 3 Webgrid使整行可點擊

我在我的剃鬚刀視圖在MVC 3中使用webgrid。下面是我的webGrid的外觀，我想使整行可點擊和點擊傳遞值的JavaScript方法也。MVC 3 Webgrid使整行可點擊

我能夠實現對所有列的文本調用我的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"), 

      ))  

     }

來源

2012-05-04 Yasser

LoL！被授予TumbleWeed這個：問了一個沒有投票，沒有答案，沒有評論，一個星期的低觀點的問題。希望現在的答案將開始涌入！：P – Yasser

你必須使用jQuery添加行點擊功能

添加htmlAttributes：在你的新的WebGrid {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-16 13:52:18

以及如何將值'@ item.Col1'，'@ item.Col2'，'@ item.Col'傳遞給我的javascript函數？ – Yasser

您已經傳遞參數。上面的代碼只會突出顯示該行。休息你的代碼將做 –

我已經在我的項目中做了這個，在特定的列上添加類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-29 07:53:10

MVC 3 Webgrid使整行可點擊

回答

相關問題