如何在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>