如何在gridview中使用jquery.timeago插件和boundfield？

Question

我有這樣一個簡單的網格視圖：

<asp:GridView ID="gv_userActivities" runat="server" AutoGenerateColumns="False"> 
      <Columns> 
      <asp:BoundField DataField="activity" HeaderText="Activity name" /> 
       <asp:BoundField DataField="activity_date" HeaderText="Activity date" /> 
      </Columns> 
    </asp:GridView> 

---

現在我想用jquery.timeago plugin我綁定列Activity date。如何使用這樣的腳本訪問綁定字段：

<script type="text/javascript"> 
     jQuery(document).ready(function() { 
      jQuery('gv_userActivities.timeago').timeago(); 
     }); 
</script> 

Answer 1

需要，因爲TIMEAGO插件希望你的title屬性應用到相應的DOM元素和日期必須是ISO 8601格式化爲使用一個模板字段：

<asp:GridView ID="gv_userActivities" runat="server" AutoGenerateColumns="False"> 
    <Columns> 
     <asp:BoundField DataField="activity" HeaderText="Activity name" /> 
     <asp:TemplateField HeaderText="Activity date"> 
      <ItemTemplate> 
       <span class="timeago" title="<%# string.Format("{0:o}", Eval("activity_date")) %>"> 
        <%# Eval("activity_date") %> 
       </span> 
      </ItemTemplate> 
     </asp:TemplateField> 
    </Columns> 
</asp:GridView> 

這顯然假定數據源中的activity_date屬性是DateTime實例。如果它不是ToString("o")格式將不起作用，您將不得不在timeago插件可以理解的title屬性中手動構建ISO 8601日期。

然後：

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     jQuery('.timeago').timeago(); 
    }); 
</script>