0

我正在使用下面的 jQuery 向文本添加“阅读更多”选项，因此它只显示前 200 个字符，并允许用户单击阅读更多以查看文本的其余部分

<head><title>Add Read More Link (from DevCurry.com)</title>    
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery1.4.4.min.js">    </script>    
    <script type="text/javascript"    src="http://plugins.learningjquery.com/expander/jquery.expander.js">    </script>    
    <script type="text/javascript">
           $(function () {
               $('div.readmore').expander({
                 slicePoint: 200, expandText: 'Click Here to Read More', userCollapseText: 'Hide Text'
              });
           }
          );    
    </script>
</head>

要使用该功能，我必须使用以下内容

<div class="readmore">     The Div Text Comes Here      </div>

我的问题是我想在gridview boundfield 中使用jQuery。我有一列包含很长的描述，需要在其中应用 jQuery。

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True"
            AutoGenerateColumns="False" EmptyDataText="No Records" EnableSortingAndPagingCallbacks="True"
            Width="1017px" ShowFooter="False" DataSourceID="SqlDataSource1" 
            EnableModelValidation="True" PageSize="10" GridLines="None" CssClass="mGrid"
            PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt"  >

        <Columns>
            <asp:BoundField DataField="CreationDate" HeaderText="Date" SortExpression="CreationDate"  dataformatstring="{0:MM/dd/yyyy}" />
            <asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" />
            <asp:BoundField DataField="Description" HeaderText="Description" SortExpression="Description" />
            <asp:BoundField DataField="Type" HeaderText="Type" SortExpression="Type" />
            <asp:BoundField DataField="Department" HeaderText="Department" SortExpression="Department" />

        </Columns>

    </asp:GridView>

不幸的是，我无法在边界域内插入 a。你有没有其他方法可以将 Jquery 应用于 boundfield？

4

2 回答 2

3

你可以更换

<asp:BoundField DataField="Description" HeaderText="Description"
   SortExpression="Description" />

经过

<asp:TemplateField HeaderText="Description" SortExpression="Description">
    <ItemTemplate>
        <div class="readmore"><%# Eval("Description") %></div>
    </ItemTemplate>                                                
</asp:TemplateField>
于 2013-03-25T12:44:39.477 回答
0

您可以设置一个 css 类并在 jQuery 中使用该类。
您需要使用 TemplateField 来显示数据。

于 2013-03-25T12:45:43.827 回答