如何在边界域中使用jquery

我使用下面的jQuery为文本添加了一个"read more"选项，因此它只显示前200个字符，并允许用户点击"read more"来查看文本的其余部分

<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边界域内使用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到边界域吗?

你可以替换

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

<asp:TemplateField HeaderText="Description" SortExpression="Description">
    <ItemTemplate>
        <div class="readmore"><%# Eval("Description") %></div>
    </ItemTemplate>                                                
</asp:TemplateField>

你可以设置一个css-class并在jQuery中使用它。
您需要使用TemplateField来显示数据

相关内容

最新更新

热门标签：