jQuery網格和JavaScript的最佳實踐

Im新的jQuery和需要一些幫助。jQuery網格和JavaScript的最佳實踐

我已經寫了一個表格，在jquery的幫助下表現得像一個網格。

當用戶點擊名稱列時，用戶將被重定向到詳細信息頁面。

現在我想知道如果我能以更好的方式做到這一點？

而且JS代碼應該在頁面中還是在一個單獨的JS文件中？

這是代碼。

<table id="grid"> 
    <thead> 
     <tr> 
      <th data-field="name">Namn</th> 
      <th data-field="location">Ort</th> 
      <th data-field="phone">Telefon</th> 
      <th data-field="buildinmonth">Bygga inom</th> 
      <th data-field="houselot">Har tomt</th> 
      <th data-field="created">Skapad</th> 
     </tr> 
    </thead> 
    <tbody> 
     @foreach (var item in Model) 
     { 
      <tr> 
       <td><span id="open" data-id="@item.Id">@item.Name</span></td> 
       <td>@item.Location</td> 
       <td>@item.Phone</td> 
       <td>@item.BuildInMonth</td> 
       <td>@item.HouseLot</td> 
       <td>@String.Format("{0:d}", item.CreatedDate)</td> 
      </tr> 
     } 
    </tbody> 
</table> 

<script> 
     $("#grid").kendoGrid({ 
      scrollable: false, 
      sortable: true 
     }); 

    $("#grid #open").click(function() { 
     window.location.replace("/lead/details/" + $(this).data("id")); 
    }); 
</script>

來源

2012-11-06 Nils Anders

'javacode'？你說這種語言是什麼？ – PitaJ

我的意思是，當然是JavaScript –

當名稱列在用戶點擊，用戶將被重定向到詳細信息頁面。現在我想知道我能否以更好的方式做到這一點？

這似乎沒問題。我覺得唯一可以補充的是在名稱列懸停時，您可以顯示「顯示更多詳細信息」或更直觀的工具提示。

而且JS代碼應該在頁面還是分開的JS文件中？

是的我總是喜歡把所有的JS代碼放在一個單獨的文件中。這樣做的好處是可以稍後縮小JS代碼。

來源

2012-11-07 05:34:58 Yasser

在這種情況下，不需要使用任何jQuery的單擊事件，當HTML表加載到時候就可以給一個<a>標籤一樣，

<td><a href="../lead/details/"+"@item.Id" ><span id="open" data-id="@item.Id">@item.Name</span></a></td>

來源

2012-11-07 06:00:52

jQuery網格和JavaScript的最佳實踐

回答

相關問題