Related Posts Plugin for WordPress, Blogger...

About

Follow Us

Tuesday, 18 August 2015

In this article I will explain how to check all check boxes in Repeater Control using JavaScript.
When we click on header check box then all checkboxes will be checked and if one of the checkbox is unchecked then Header will also be unchecked. If we check all checkboxes then Header checkbox will automatically checked.



Following script is used to select all Items in Repeater:

<script type="text/javascript">
    $(function () {
        $("#tblStudent [id*=chkHeader]").click(function () {
            if ($(this).is(":checked")) {
                $("#tblStudent [id*=chkRow]").attr("checked", "checked");
            } else {
                $("#tblStudent [id*=chkRow]").removeAttr("checked");
            }
        });
        $("#tblStudent [id*=chkRow]").click(function () {
            if ($("#tblStudent [id*=chkRow]").length == $("#tblStudent [id*=chkRow]:checked").length) {
                $("#tblStudent [id*=chkHeader]").attr("checked", "checked");
            } else {
                $("#tblStudent [id*=chkHeader]").removeAttr("checked");
            }
        });
    });
</script>


1.     Repeater  design:

<fieldset style="width:300px"><legend><strong>Select all Items in Repeater</strong></legend>
    <div>
   
<asp:Repeater ID="rptStudent" runat="server">
    <HeaderTemplate>
        <table id="tblStudent" style="border:dotted 1px">
            <thead>
                <tr>
                    <th><asp:CheckBox ID="chkHeader" runat="server" /></th>
                    <th>Student Id</th>
                    <th>Student Name</th>
                    <th>Age</th>
                    <th>Class</th>
                </tr>
            </thead>
    </HeaderTemplate>
    <ItemTemplate>
        <tbody>
            <tr>
                <td><asp:CheckBox ID="chkRow" runat="server" /></td>
                <td><%#Eval("Student_Id")%></td>
                <td><%#Eval("Student_Name")%></td>
                <td><%#Eval("Age")%> </td>
                <td><%#Eval("Class")%></td>
            </tr>
        </tbody>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>
    </div></fieldset>


2.     Asp.Net Code using C#:

SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["con"].ConnectionString);
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Fill_DATALIST();
        }
    }
    //Fetch data from database and bind to gridview
    public void Fill_DATALIST()
    {
        if (con.State == ConnectionState.Open)
        {
            con.Close();
        }
        con.Open();
        DataSet ds = new DataSet();
        SqlCommand cmd = new SqlCommand();
        cmd.Connection = con;
        cmd.CommandText = "Fill_Dataset";
        cmd.CommandType = CommandType.StoredProcedure;
        SqlDataAdapter dataadapater = new SqlDataAdapter();
        dataadapater.SelectCommand = cmd;
        dataadapater.Fill(ds);
        rptStudent.DataSource = ds;
        rptStudent.DataBind();
        cmd.Dispose();
        con.Close();

    }

Monday, 17 August 2015

In this article I will explain how to select all records in Datalist using Javascript.
When we click “Select all” checkbox, all item will get selected. If we unselect one of record, then “Select all” checkbox will get unselected.

In this article I will explain how to check all check boxes in gridview using Javascript.
When we click on header check box then all checkboxes will be checked and if one of the checkbox is unchecked then Header will also be unchecked. If we check all checkboxes then Header checkbox  will automatically checked.

Thursday, 6 August 2015

In this article I will explain how to save image to database in binary format.
Create a Table in database: “Image”


Image Saved in Binary Format:


click on Image to Enlarge it.


Wednesday, 5 August 2015

In this article I will explain how to add, update and delete data in gridview. I will use Row_Command Event to do all these tasks. Follow the given steps:

In this article I will explain how to insert data to database using gridview. We can insert data to database from gridview control.  I will insert data on Row_Command Event of gridview.