ScriptManager_RegisterClientScriptBlockCS.aspx 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <%@ Page Language="C#" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <script runat="server">
  5. protected void Page_PreRender(object sender, EventArgs e)
  6. {
  7. string script = @"
  8. function ToggleItem(id)
  9. {
  10. var elem = $get('div'+id);
  11. if (elem)
  12. {
  13. if (elem.style.display != 'block')
  14. {
  15. elem.style.display = 'block';
  16. elem.style.visibility = 'visible';
  17. }
  18. else
  19. {
  20. elem.style.display = 'none';
  21. elem.style.visibility = 'hidden';
  22. }
  23. }
  24. }
  25. ";
  26. ScriptManager.RegisterClientScriptBlock(
  27. this,
  28. typeof(Page),
  29. "ToggleScript",
  30. script,
  31. true);
  32. }
  33. </script>
  34. <html xmlns="http://www.w3.org/1999/xhtml">
  35. <head id="Head1" runat="server">
  36. <title>ScriptManager RegisterClientScriptInclude</title>
  37. </head>
  38. <body>
  39. <form id="Form1" runat="server">
  40. <div>
  41. <br />
  42. <asp:ScriptManager ID="ScriptManager1"
  43. EnablePartialRendering="true"
  44. runat="server">
  45. </asp:ScriptManager>
  46. <asp:UpdatePanel ID="UpdatePanel1"
  47. UpdateMode="Conditional"
  48. runat="server">
  49. <ContentTemplate>
  50. <asp:XmlDataSource ID="XmlDataSource1"
  51. DataFile="~/App_Data/Contacts.xml"
  52. XPath="Contacts/Contact"
  53. runat="server"/>
  54. <asp:DataList ID="DataList1" DataSourceID="XmlDataSource1"
  55. BackColor="White" BorderColor="#E7E7FF" BorderStyle="None"
  56. BorderWidth="1px" CellPadding="3" GridLines="Horizontal"
  57. runat="server">
  58. <ItemTemplate>
  59. <div style="font-size:larger; font-weight:bold; cursor:pointer;"
  60. onclick='ToggleItem(<%# Eval("ID") %>);'>
  61. <span><%# Eval("Name") %></span>
  62. </div>
  63. <div id='div<%# Eval("ID") %>'
  64. style="display: block; visibility: visible;">
  65. <span><%# Eval("Company") %></span>
  66. <br />
  67. <a href='<%# Eval("URL") %>'
  68. target="_blank"
  69. title='<%# Eval("Name", "Link to the {0} Web site") %>'>
  70. <%# Eval("URL") %></a>
  71. </asp:LinkButton>
  72. <hr />
  73. </div>
  74. </ItemTemplate>
  75. <FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" />
  76. <SelectedItemStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" />
  77. <AlternatingItemStyle BackColor="#F7F7F7" />
  78. <ItemStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" />
  79. <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" />
  80. </asp:DataList>
  81. </ContentTemplate>
  82. </asp:UpdatePanel>
  83. </div>
  84. </form>
  85. </body>
  86. </html>