Currently, I have a ListView embedded in a webpage connected to a C# class datasource called CommentsDAO. This class contains the necessary methods to retrieve or delete data from the ListView. While data retrieval is successful, deleting a row proves to be challenging as the selected row needs to be obtained. However, the ListView instance is not within the scope of its datasource. To address this issue, there is a button (imgbtn1) adjacent to each row with a "Delete" command.
<asp:ListView ID="ListView1" runat="server" DataSourceID="ObjectDataSource1">
<LayoutTemplate>
<div id="itemPlaceholderContainer" runat="server" style="">
<span id="itemPlaceholder" runat="server" />
</div>
</LayoutTemplate>
<ItemTemplate>
<span>
<asp:Label ID="Label1" Font-Size="Small" runat="server" Text='<%# Eval("User") %>' />
<table>
<tr>
<td>
<div style="border: 1px solid; background-color: #F0F8FF; padding: 10px; height: 50px;
overflow: auto">
<asp:Label ID="ComentLabel" runat="server" Text='<%# Eval("Coment") %>' />
</div>
</td>
<td valign="top">
<asp:ImageButton ID="imgbtn1" CommandName="Delete" runat="server" ImageUrl="~/trash16x16.gif" />
</td>
</tr>
</table>
<br />
</span>
</ItemTemplate>
</asp:ListView>
...
<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" DataObjectTypeName="ModalPopupDemo.Comentario"
SelectMethod="FindAll" TypeName="ModalPopupDemo.ComentarioDAO" DeleteMethod="Delete">
</asp:ObjectDataSource>
My requirements are as follows:
- Users can leave comments (...)
- A vertical ListView displays these comments (strings).
- Upon clicking an external button, a Jquery popup featuring a wysiwyg editor will appear.
- After closing this popup, an Ajax call must be made to the server to save the editor content into a database.
- Subsequently, the ListView should be updated with the user-entered data from the popup (via Ajax).
- If the comment author is logged in, a delete icon should be displayed next to the comment.
- Clicking on this icon triggers an Ajax call to delete the comment from the database and refresh the ListView.
Considering the above requirements, would the ListView control be the most suitable choice for this task? Alternatively, should I utilize HTML tables along with jQuery scripting?
Your patience and assistance are greatly appreciated. Regards, Toni