Parent checkbox selected on selecting child in javascript in asp.net

Sample Treeview 1: On selecting last option in treeview 

 Sample Treeview 2: On selecting child "under 4" its parent checked automatically. 

1) Add the following script 

<script type="text/javascript">
        function OnTreeClick(evt) {
            var src = window.event != window.undefined ? window.event.srcElement : evt.target;
            var isChkBoxClick = (src.tagName.toLowerCase() == "input" && src.type == "checkbox");
            if (isChkBoxClick) {
                var parentTable = GetParentByTagName("table", src);
                var nxtSibling = parentTable.nextSibling;
                //check if nxt sibling is not null & is an element node
                if (nxtSibling && nxtSibling.nodeType == 1) {
                    if (nxtSibling.tagName.toLowerCase() == "div") //if node has children
                    {
                        //check or uncheck children at all levels
                        CheckUncheckChildren(parentTable.nextSibling, src.checked);
                    }
                }
                //check or uncheck parents at all levels
                CheckUncheckParents(src, src.checked);
            }
        }
 
        function CheckUncheckChildren(childContainer, check) {
            var childChkBoxes = childContainer.getElementsByTagName("input");
            var childChkBoxCount = childChkBoxes.length;
            for (var i = 0; i < childChkBoxCount; i++) {
                childChkBoxes[i].checked = check;
            }
        }
 
        function CheckUncheckParents(srcChild, check) {
            var parentTable = GetParentByTagName("table", srcChild);
            var parentDiv = GetParentByTagName("div", srcChild);
            var parentNodeTable = parentDiv.previousSibling;
            if (parentNodeTable) {
                var checkUncheckSwitch;
                if (check) //checkbox checked
                {
                    var isAllSiblingsChecked = AreAllSiblingsChecked(srcChild);
                    if (isAllSiblingsChecked)
                        checkUncheckSwitch = true;
                    else
                        return; //do not need to check parent if any(one or more) child not checked
                }
                else //checkbox unchecked
                {
                    checkUncheckSwitch = false;
                }
 
                var inpElemsInParentTable = parentNodeTable.getElementsByTagName("input");
                var child = parentNodeTable.nextSibling;
 
                var childChkBoxes = child.getElementsByTagName("input");
                var childChkBoxCount = childChkBoxes.length;
                var checkoption = false;
                for (var a = 0; a < childChkBoxCount; a++) {
                    if (childChkBoxes[a].checked == true) {
                        checkoption = true;
                    }
                }
                if (inpElemsInParentTable.length > 0) {
                    var parentNodeChkBox = inpElemsInParentTable[0];
                    parentNodeChkBox.checked = checkoption;
                    //do the same recursively
                    CheckUncheckParents(parentNodeChkBox, checkUncheckSwitch);
                }
            }
        }
 
        function AreAllSiblingsChecked(chkBox) {
            var parentDiv = GetParentByTagName("div", chkBox);
            var childCount = parentDiv.childNodes.length;
            for (var i = 0; i < childCount; i++) {
                if (parentDiv.childNodes[i].nodeType == 1) {
                    //check if the child node is an element node
                    if (parentDiv.childNodes[i].tagName.toLowerCase() == "table") {
                        var prevChkBox = parentDiv.childNodes[i].getElementsByTagName("input")[0];
                        //if any of sibling nodes are not checked, return false
                        //                        if (!prevChkBox.checked) {
                        //                            return false;
                        //                        }
                    }
                }
            }
            return true;
        }
 
        //utility function to get the container of an element by tagname
        function GetParentByTagName(parentTagName, childElementObj) {
            var parent = childElementObj.parentNode;
            while (parent.tagName.toLowerCase() != parentTagName.toLowerCase()) {
                parent = parent.parentNode;
            }
            return parent;
        }
    </script>

2) Add the following code on code behind

 TreeView1.Attributes.Add("onclick", "OnTreeClick(event)");

Validate Checkboxlist in ASP.NET 

 function ValidateChkList(source, arguments) {
        arguments.IsValid = IsCheckBoxChecked() ? true : false;
 
    }
 
    function IsCheckBoxChecked() {
        var isChecked = false;
        var list = document.getElementById('<%= chkAuthorAdd.ClientID %>');
        var Checkbox = list.getElementsByTagName("input");
        for (var j = 0; j < Checkbox.length; j++) {
            if (Checkbox[j].checked) {
                isChecked = true;
            }
        }
        return isChecked;
 
    }

 asp:CheckBoxList ID="chkAuthorAdd" runat="server" CssClass="chkbox" RepeatColumns="2"
                                        RepeatDirection="Horizontal" RepeatLayout="Table" /> 

  <asp:CustomValidator ID="cvAuthor" runat="server" ForeColor="Red"  

ValidationGroup="WhitePaperDetails"  ClientValidationFunction="ValidateChkList">

 Please select Author.</asp:CustomValidator>

Dump Exception in to SQL Server using log4net

1) First create table named "Log" into database

CREATE TABLE [dbo].[Log] (
[Id] [int] IDENTITY (1, 1) NOT NULL,
[Date] [datetime] NOT NULL,
[Thread] [varchar] (255) NOT NULL,
[Level] [varchar] (50) NOT NULL,
[Logger] [varchar] (255) NOT NULL,
[Message] [varchar] (4000) NOT NULL,
[Exception] [varchar] (2000) NULL
)

2) Add below code in Gobal.asax

 void Application_Start(object sender, EventArgs e)
        {
            // Code that runs on application startup
            log4net.Config.DOMConfigurator.Configure();
        }

 

3) Add below code in web.config

<configSections>
    <section name="log4net" type="log4net.Config.Log4NetConfigurationSectionHandler, log4net" />
  </configSections>

 

4) Add below code in web.config after <system.webserver>

 <appender name="AdoNetAppender" type="log4net.Appender.AdoNetAppender">
      <bufferSize value="1" />
      <connectionType value="System.Data.SqlClient.SqlConnection, System.Data,

               Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" />
      <connectionString value="Data Source=My Source;Initial Catalog=Employee;

       Persist Security Info=True;User ID=sa;Password=server" />
      <commandText value="INSERT INTO Log ([Date],[Thread],[Level],[Logger],[Message],

    [Exception]) VALUES (@log_date, @thread, @log_level, @logger, @message, @exception)" />
      <parameter>
        <parameterName value="@log_date" />
        <dbType value="DateTime" />
        <layout type="log4net.Layout.RawTimeStampLayout" />
      </parameter>
      <parameter>
        <parameterName value="@thread" />
        <dbType value="String" />
        <size value="255" />
        <layout type="log4net.Layout.PatternLayout">
          <conversionPattern value="%thread" />
        </layout>
      </parameter>
      <parameter>
        <parameterName value="@log_level" />
        <dbType value="String" />
        <size value="50" />
        <layout type="log4net.Layout.PatternLayout">
          <conversionPattern value="%level" />
        </layout>
      </parameter>
      <parameter>
        <parameterName value="@logger" />
        <dbType value="String" />
        <size value="255" />
        <layout type="log4net.Layout.PatternLayout">
          <conversionPattern value="%logger" />
        </layout>
      </parameter>
      <parameter>
        <parameterName value="@message" />
        <dbType value="String" />
        <size value="4000" />
        <layout type="log4net.Layout.PatternLayout">
          <conversionPattern value="%message" />
        </layout>
      </parameter>
      <parameter>
        <parameterName value="@exception" />
        <dbType value="String" />
        <size value="2000" />
        <layout type="log4net.Layout.ExceptionLayout" >
          <conversionPattern value="%exception" />
        </layout>
      </parameter>
    </appender>
    <root>
      <appender-ref ref="AdoNetAppender" />
    </root>