How do i display more description in datalist when "See more" linkbutton is clicked?
Question
All replies
-
User-330142929 posted
Hi Micah2012,
According to your description,
micah2012
how can i display 10 rows on datalist, but when "see more" buttonlink is clicked more rows will be displayed.you want to display more rows when “see more” buttonlink is clicked.
I suggest you could use ItemCommand event handler to load all data to the label.
and format the string into 10 rows. You could handle the string in itemDatabound. Or directly process it in the front.
<asp:Label ID="DescriptionLabel" runat="server" Text='<%# Eval("Description").ToString().Length>10?Eval("Description").ToString().Substring(0,10)+"........":Eval("Description").ToString() %>'/>I have make a demo, and wish it could be useful to you.
Aspx.
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <div> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:DataList ID="DataList1" runat="server" DataKeyField="Id" DataSourceID="SqlDataSource1" GridLines="Both" OnItemDataBound="DataList1_ItemDataBound" OnItemCommand="DataList1_ItemCommand"> <ItemTemplate> Id: <asp:Label ID="IdLabel" runat="server" Text='<%# Eval("Id") %>' /> <br /> Name: <asp:Label ID="NameLabel" runat="server" Text='<%# Eval("Name") %>' /> <br /> Description: <asp:Label ID="DescriptionLabel" runat="server" Text='<%# Eval("Description") %>'/> <br /> <asp:LinkButton ID="LinkButton1" runat="server" CommandName="Display">See more</asp:LinkButton> <br /> <br /> </ItemTemplate> </asp:DataList> </ContentTemplate> </asp:UpdatePanel> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:MyDataStore %>" SelectCommand="SELECT * FROM [Records]"></asp:SqlDataSource> </div>Code behind.
protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e) { Label label = e.Item.FindControl("DescriptionLabel") as Label; string all = ""; int indexss = 0; //display 5 rows. for (int i = 0; i < 5; i++) { //per row 20 character. all = all + label.Text.Substring(indexss, 20) + "<br>"; indexss = indexss + 20; } label.Text = all; } protected void DataList1_ItemCommand(object source, DataListCommandEventArgs e) { if (e.CommandName == "Display") { Label label = e.Item.FindControl("DescriptionLabel") as Label; string id = (e.Item.FindControl("IdLabel") as Label).Text; SqlConnection sqlconenction = new SqlConnection(ConfigurationManager.ConnectionStrings["MyDataStore"].ConnectionString); SqlCommand command = new SqlCommand(); command.CommandText = "select Description from Records where id=" + id; command.CommandType = System.Data.CommandType.Text; command.Connection = sqlconenction; SqlDataAdapter sda = new SqlDataAdapter(command); DataTable dt = new DataTable(); sda.Fill(dt); string result = dt.Rows[0][0].ToString(); string all = ""; int index = 0; for (int i = 0; i < result.Length/20; i++) { all += result.Substring(index, 20) + "<br>"; index += 20; } label.Text = all; } }How It works.
If the solution could not solve your problem, feel free to let me know.
Best Regards,
Abraham
