CheckBox Selection Based on Gridview Row

Question

0.00/5 (No votes)

See more:

Hi everybody,

My GridView is look like this..

col1    col2     col3 
1        A        1.2
2        B        3.4
         C        2.3
3        A        2

Here col1 is PK column now i'm doing checkBox selection for each and every row of gridview.

javascript:

JavaScript

function CheckAll(oCheckbox) 
{
    var gdDocument = document.getElementById("<%=gdDocument.ClientID %>");

    for (i = 1; i < gdDocument.rows.length; i++) {
               gdDocument.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked = oCheckbox.checked;
    }

}

code behind:

C#

<asp:TemplateField>
      <HeaderTemplate>
             <input id="chkSelect" type="checkbox" onclick="CheckAll(this)"                runat="server" />
      </HeaderTemplate>
       <ItemTemplate>
           <asp:CheckBox ID="chkSelect" runat="server" />
       </ItemTemplate>
</asp:TemplateField>

this code for gridview all rows selection. But i want based upon PK column i want to display the checkBox.

ex:

in row 3 there is no record for col1. so, i don't want to display checkbox in that row .

How to do this can any one help me...

Posted 29-Jan-13 1:15am

pranathis012

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ksh_Sr · Answer 1 · 2013-01-29T01:29:00

After Binding the grid to that data u cn use following code to achieve ur task

C#

for (int i = 0; i < GridView1.Rows.Count; i++)
       {
           if (GridView1.Rows[i].Cells[0].Text == string.Empty)
           {
               CheckBox chk = (CheckBox)GridView1.Rows[i].FindControl("chkSelect");
               chk.Visible = false;
           }
       }

Enjoy coding ...
have fun :)

Jameel VM · Answer 2 · 2013-01-29T01:42:00

Solution 2

Using jQuery you can easily remove the checkbox. ASP.NET Gridview generating mark up as HTML table in the browser. By using that html table id you can loop through all rows and cols like below using jquery.

JavaScript

$('table#yourTable tr').each(function(){
  var isEmpty = true;
  // Process every column
  $(this).children('td').each(function(){
    // If data is present inside of a given column let the row know
    if($.trim($(this).html()) == '') {
     $('input:checkbox').remove();
    }
  });
  // If the whole row is empty remove it from the dom

});

Posted 29-Jan-13 1:42am

Jameel VM

Comments

[no name] 29-Jan-13 7:45am

sorry yar, i don't no about jquery if you don't mine could you please explain in C#,ASP,javascript...

Jameel VM 29-Jan-13 8:07am

By using jQuery and Javascript you can easily manipulate the DOM(each element in your page) elements. If you are a webdeveloper you should study jQuery and Javascript. So you can avoid a lot of server side code that you have written inside the code behind.that increase your web application performance because the client script run the browser itself.

Jameel VM 29-Jan-13 8:11am

http://jquery.com/