Post
Ask Question
Abdalla Elawad

Abdalla Elawad

  • NA
  • 1k
  • 216.4k

how can i get data from database SQL using this Technology

Sep 20 2019 7:08 AM
Hi Guys
 
how can i applied this datatable with same idea but i need to a get data from a certain table from sql server with using StoredProcedure .
 
you can see to code here :
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm-NAVBAR.aspx.cs" Inherits="datatimepicker.WebForm_NAVBAR" %>  
  2. <!DOCTYPE html>  
  3. <html>  
  4. <head>  
  5. <title>APSG GROUP OF COMPANIES</title>  
  6. <link href="Content/bootstrap.min.css" rel="stylesheet" />  
  7. <script src="FilesCSS/jquery-1.8.3.js"></script>  
  8. <script src="FilesCSS/bootstrap.min.js"></script>  
  9. <style>  
  10. .navbar-default {  
  11. background-color: #69899f;  
  12. border-color: #425766;  
  13. }  
  14. .navbar-default .navbar-brand {  
  15. color: #d7e2e9;  
  16. }  
  17. .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {  
  18. color: #e5dbdb;  
  19. }  
  20. .navbar-default .navbar-text {  
  21. color: #d7e2e9;  
  22. }  
  23. .navbar-default .navbar-nav > li > a {  
  24. color: #d7e2e9;  
  25. }  
  26. .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {  
  27. color: #e5dbdb;  
  28. }  
  29. .navbar-default .navbar-nav > li > .dropdown-menu {  
  30. background-color: #69899f;  
  31. }  
  32. .navbar-default .navbar-nav > li > .dropdown-menu > li > a {  
  33. color: #d7e2e9;  
  34. }  
  35. .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,  
  36. .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {  
  37. color: #e5dbdb;  
  38. background-color: #425766;  
  39. }  
  40. .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {  
  41. background-color: #69899f;  
  42. }  
  43. .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {  
  44. color: #e5dbdb;  
  45. background-color: #425766;  
  46. }  
  47. .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {  
  48. color: #e5dbdb;  
  49. background-color: #425766;  
  50. }  
  51. .navbar-default .navbar-toggle {  
  52. border-color: #425766;  
  53. }  
  54. .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {  
  55. background-color: #425766;  
  56. }  
  57. .navbar-default .navbar-toggle .icon-bar {  
  58. background-color: #d7e2e9;  
  59. }  
  60. .navbar-default .navbar-collapse,  
  61. .navbar-default .navbar-form {  
  62. border-color: #d7e2e9;  
  63. }  
  64. .navbar-default .navbar-link {  
  65. color: #d7e2e9;  
  66. }  
  67. .navbar-default .navbar-link:hover {  
  68. color: #e5dbdb;  
  69. }  
  70. @media (max-width: 767px) {  
  71. .navbar-default .navbar-nav .open .dropdown-menu > li > a {  
  72. color: #d7e2e9;  
  73. }  
  74. .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {  
  75. color: #e5dbdb;  
  76. }  
  77. .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {  
  78. color: #e5dbdb;  
  79. background-color: #425766;  
  80. }  
  81. }  
  82. </style>  
  83. </head>  
  84. <body>  
  85. <div class="container">  
  86. <h4 style="color:blue;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif">APSG GROUP OF COMPANIES</h4>  
  87. <nav class="navbar navbar-default">  
  88. <div class="container-fluid">  
  89. <!-- Brand and toggle get grouped for better mobile display -->  
  90. <div class="navbar-header">  
  91. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">  
  92. <span class="sr-only">Toggle navigation</span>  
  93. <span class="icon-bar"></span>  
  94. <span class="icon-bar"></span>  
  95. <span class="icon-bar"></span>  
  96. </button>  
  97. <a class="navbar-brand" href="#" style="color:RED">APSG </a>  
  98. </div>  
  99. <!-- Collect the nav links, forms, and other content for toggling -->  
  100. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">  
  101. <ul class="nav navbar-nav">  
  102. <li class="active"><a href="#">Ticketing System <span class="sr-only">(current)</span></a></li>  
  103. <li><a href="WebForm_datatableNew.aspx">Opening</a></li>  
  104. <li><a href="WebForm_datatableNew.aspx">Close</a></li>  
  105. <li class="dropdown">  
  106. <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Add New Ticketing <span class="caret"></span></a>  
  107. <ul class="dropdown-menu">  
  108. <li><a href="WebForm-NewDesign.aspx">Add Ticket</a></li>  
  109. <li><a href="WebForm_datatableNew.aspx">GridView Status</a></li>  
  110. <li role="separator" class="divider"></li>  
  111. <li><a href="WebForm-NewDesign.aspx">Select</a></li>  
  112. </ul>  
  113. </li>  
  114. </ul>  
  115. <form class="navbar-form navbar-left" role="search">  
  116. <div class="form-group">  
  117. <input type="text" class="form-control" placeholder="Find topics">  
  118. </div>  
  119. <button type="submit" class="btn btn-info">Go</button>  
  120. </form>  
  121. <ul class="nav navbar-nav navbar-right">  
  122. <li class="dropdown">  
  123. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About <span class="caret"></span></a>  
  124. <ul class="dropdown-menu">  
  125. <li><a href="WebForm-NAVBAR.aspx">Terms</a></li>  
  126. <li><a href="WebForm-NAVBAR.aspx">Contact</a></li>  
  127. </ul>  
  128. </li>  
  129. </ul>  
  130. </div>  
  131. <!-- /.navbar-collapse -->  
  132. </div>  
  133. <!-- /.container-fluid -->  
  134. </nav>  
  135. </div>  
  136. </body>  
  137. </html>
 

Answers (1)