[英]How to use jquery.timeago plugin along with boundfield in the gridview?
我有一个简单的网格视图,像这样:
<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>
现在我想在我的boundfield Activity date
使用jquery.timeago插件 。 如何使用如下脚本访问绑定字段:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('gv_userActivities.timeago').timeago();
});
</script>
您需要使用模板字段,因为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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.