1stein

ListView with confirm delete dialog

Oct 23rd, 2012
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.82 KB | None | 0 0
  1.  
  2. //server code
  3. protected void Page_Init(object sender, EventArgs e)
  4. {
  5. ListView1.ItemDeleting += new EventHandler<ListViewDeleteEventArgs>(ListView1_ItemDeleting);
  6. }
  7.  
  8. void ListView1_ItemDeleting(object sender, ListViewDeleteEventArgs e)
  9. {
  10. var key = e.Keys[0];
  11. }
  12.  
  13. protected void Page_Load(object sender, EventArgs e)
  14. {
  15. if (!IsPostBack)
  16. {
  17. ListView1.DataSource = from id in Enumerable.Range(0, 10)
  18. select new { Id = id, Name = Guid.NewGuid().ToString() };
  19. ListView1.DataBind();
  20. }
  21. }
  22.  
  23. //javascript
  24. <style type="text/css">
  25. .deleteDialog
  26. {
  27. display: none;
  28. }
  29. </style>
  30. <script type="text/javascript">
  31. function confirmDelete(sender, dialogId) {
  32. $("#" + dialogId).dialog({
  33. modal: true,
  34. width: 400,
  35. buttons: {
  36. 'Confirm': function () {
  37. __doPostBack(sender.name, "");
  38. $(this).dialog('close');
  39. },
  40. 'Cancel': function () {
  41. $(this).dialog('close');
  42. }
  43. }
  44. });
  45. return false;
  46. }
  47. </script>
  48.  
  49.  
  50. //markup
  51. <asp:ListView ID="ListView1" runat="server" DataKeyNames="Id">
  52. <LayoutTemplate>
  53. <table>
  54. <thead>
  55. <tr>
  56. <th>Id</th>
  57. <th>Name</th>
  58. <th>Action</th>
  59. </tr>
  60. </thead>
  61. <tbody>
  62. <tr runat="server" id="itemPlaceholder" />
  63. </tbody>
  64. </table>
  65. </LayoutTemplate>
  66. <ItemTemplate>
  67. <tr>
  68. <td>
  69. <%# Eval("Id") %></td>
  70. <td>
  71. <%# Eval("Name") %></td>
  72. <td>
  73. <asp:LinkButton runat="server" ID="DeleteButton" Text="Delete" name='<%# Container.FindControl("DeleteButton").UniqueID %>'
  74. CommandName="Delete" OnClientClick='<%# Eval("Id", "return confirmDelete(this, \"deleteDialog_{0}\")") %>' />
  75. <div id='<%# Eval("Id", "deleteDialog_{0}") %>' class="deleteDialog" title="Confirm Delete">
  76. Delete Section
  77. <%# Eval("Name") %>
  78. </div>
  79. </td>
  80. </tr>
  81. </ItemTemplate>
  82. </asp:ListView>
Advertisement
Add Comment
Please, Sign In to add comment