Skip to main content

Posts

Showing posts from May, 2013

Check Uncheck All Checkboxes in Gridview Using JQuery

Hi, I am going to explain how to select-all || de-select  check-boxes  in asp.net grid-view using jQuery. The example code as given below < script type ="text/javascript">     $( function () {         function selectAllCheckBoxes(chkb) {             $( '#<%=gdvAllCheckboxes.ClientID%>' ).find( "input:checkbox" ).each(                function () {                    if ( this !== chkb) {                        this .checked = chkb.checked;                    }                });         }     }); </ script >

Selecting Deselecting all CheckBoxes Inside GridView in c#.net

The below given grid-view header checkbox select all and deselect  all and also selected row-edit, row-delete using asp.net with c#. I'm going to write an example for the select  deselect to all checkbo x when we select to header checkbox that is show in below image file. Table of  Contents 1. In the 1st step, code-sample for aspx page. 2. In the 2nd step, code-sample for C# (.cs page) In the 2nd step , .aspx.cs code for display view to select  deselect to all checkbox after checked to header checkbox and also code for select to single row to click to select link and edit delete row etc. using System; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; using System.Data.SqlClient; public partial cla

show hide div using Knockoutjs jquery in mvc 4

Hello everyone, I'm going to share the code sample of  show hide div (content menu) using Knockoutjs and jquery in mvc 4 . I have a requirement to show the div onMouseOver and hide the div onMouseOut in Knockoutjs application. Table of contents 1. show the div on-mouse-over from div. 2. hide the div on-mouse-out from div. Here have two steps. 1. In the Step-1, code sample for view. 2. In the Step-2, code smple for viewModel. Step-1 :   view  code sample      < ul data-bind =" foreach: mDateTime ">         < li >                 < ul data-bind =" foreach: $root.matter.index.type()[$data] ">                 < li >                       < div id ="hover" onmouseover ="onMouseOver(this)" onmouseout ="onMouseOut(this)">                       < a href ="#" >< img src ="~/path.jpg" data-bind =" text: matterId " /></ a >