V ) DataTable (Searchable)

                                                     * DataTable (Searchable Gridview) *

  • Datatable is provide serchable concept in a Gridview .
  • It is a Pre Defined Library
  • Download the datable library and store in project folder .
     Step :- create a page -- paste file in gridview source 

 <head runat="server">

    <title></title>
   <%-- <paste 8 file head tag >--%>

    <link href="datatables/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
    <link type="text/css" rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" />
     <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" />
     <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
     <script type="text/javascript" src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
     <script src="datatables/js/jquery.dataTables.min.js" type="text/javascript"></script>
      <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js" type="text/javascript"  charset="utf8"></script>
      <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"  type="text/javascript" charset="utf8"></script>

</head>

            

 <%-- Paste 1 java file After </form> close--%>

    <script type="text/javascript">
    $(document).ready(function () {
        $('#<%= GridView1.ClientID%>').prepend($("<thead></thead>").append($("#<%= GridView1.ClientID%>").find("tr:first"))).DataTable({
            stateSave: true,
        });
    });






Comments

Post a Comment

Popular posts from this blog

DATA CONTROL ( Gridview , Repeater , Formview , DataList , Detailsview , Listview )

  GRIDVIEW SOURCE CODE :      <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"              Height="279px" Width="610px">             <Columns>                 <asp:TemplateField HeaderText="roll">                 <ItemTemplate>                     <asp:TextBox ID="txtroll" runat="server" Text='<%# Eval("roll") %>'></asp:TextBox>                 </ItemTemplate>                 </asp:TemplateField>                 <asp:TemplateField HeaderText="name">                 <ItemTemplate>               ...
Read more

Z 5 ) MVC (Model view Controller)

Image
  MVC (Model view Controller)    Model View Controller   The first version of  MVC is called MVED(Model View Editor) MVC is to multi layer architecture  Model         (class and variables) View          (.cshtml) Controller   (Logic building) MVC is directly operate html page in this reason it is called light weight environment. MVC Block Diagrame   .NET Framework  ASP.NET MVC ASP.Net Webform Benefits of MVC application It is manage complex application Direct control use in html It provide test driven development testing to (url http/data)
Read more

Z 8 ) MVC HTMLHELPER METHOD AND ACTIONLINK (how to use css ,atrributes,style in css)

Image
  HTML HELPER METHODS IN ASP.NET MVC 5 In ASP.NET MVC Framework, helper methods: Ø  Are extension methods to the Html Helper class, can be called only from views. Ø  An HTML helper is a method that is used to render html content in a view. Ø  Simplifies the process of creating a view. Ø  Allows generating HTML markup that you can reuse across the Web application. Some of the commonly used helper methods while developing an MVC application are as follows: Ø  Html.ActionLink() Ø  Html.BeginForm() and Html.EndForm() Ø  Html.Label() Ø  Html.TextBox() Ø  Html.TextArea() Ø  Html.Password() Ø  Html.CheckBox()
Read more