Collapsible Gridview using jquery

Introduction:-

               
                Here I have explained how to create a collapsible gridview having child gridview     control inside it using jquery.

Description:-                
              
                    In this article I will explain how to create a gridview having colapsable functionality using jquery.

Sometimes we are showing all records in a form which is not looks better in design prosperous. To overcome it we have to collapse these records until a user will not expand it.

I am going to explain the entire process step by steps.

I have used checkbox for collapse or expand. If you will checked it ,It will expand and will show you the hidden data or controls inside that and if you unchecked then it will collapse as usual.

Here I am creating a simple web application of  collapsible Gridview .I have taken two gridview control ,the parent gridview  showing data of Employee and the child gridview populating some fields for providing feedback against each employee.

How to Show a pop up with Grid View row data using String Builder ? and How to change Gridview Row Color Dynamically ?

Introduction:-

                     Here I have explained how to show gridview row data in pop up  using string builder as well as I have explained how to change gridview row color dynamically.

Description:-

                  In this article I will explain how to show a pop up view like modal pop up using string builder. For this I have taken one gridview control and checkbox inside that gridview. Here I have also explained how to select all checkboxes at a time and also uncheck.

I will explain it more briefly with my source code and table design structure.

Most of the developer uses modal popup control to show records,but I am providing one new procedures to show record in the same manner.

As I have discussed, here I am going to explain, how to show gridview row data in pop up using String Builder.

I have used here one aspx page with a gridview control. Also I have used two images as CloseTab2.jpg and SearchButton.gif in my images folder and .js script in Scripts folder and one sql server database ShibashishDatabase.mdf in App_Data folder as shown Below.

SqlDateTime overflow. Must be between 1/1/1753 12:00:00 AM and 12/31/9999 11:59:59 PM.

You will get this error because of the datetime Format. You can try like this:-

<asp:TextBox ID="txtdate" runat="server"></asp:TextBox>
                       <cc1:CalendarExtender ID="CalendarDateFrom" runat="server" TargetControlID="txtdate"
                           Format="dd/MM/yyyy">
                       </cc1:CalendarExtender>

//************ To Change the Date format from dd/MM/yyyy to MM/dd/yyyy************//

            string Date_Of_Punch = txtdate.Text;

            System.Globalization.DateTimeFormatInfo datePunch = new System.Globalization.DateTimeFormatInfo();

            datePunch.ShortDatePattern = "dd/MM/yyyy";

            DateTime Punch = Convert.ToDateTime(Date_Of_Punch, datePunch);

//*******pass your date below for inserting

            Attendance.Punch_Date = Punch;

//************ To Change the Date format from dd/MM/yyyy to MM/dd/yyyy************//

Thanks Shibashish Mohanty