Solved

Checkbox and Background Color Change within a  Datagrid.

Posted on 2006-06-22
3
712 Views
Last Modified: 2012-05-05
I have seen a few articles on how to change the background color of a row within a datagrid by clicking a button but I need to do the opposite.

I would like to highlight the background of a row and put a checkmark in the checkbox within the row of a datagrid when the user clicks on any of the cells within that row.

Can anybody give me some direction on how to accomplish this?

I would like to use CSS and JS if possible. The datagrid I have is being populated by a database call.

Here is some code I have so far.

the javascript function for the checkbox:
---------------------------------------------------------------------------
function SelectAllCheckboxes(spanChk)
{
      // Added as ASPX uses SPAN for checkbox
      var oItem = spanChk.children;
      var theBox=(spanChk.type=="checkbox")?spanChk:spanChk.children.item[0];
      xState=theBox.checked;

      elm=theBox.form.elements;
      for(i=0;i<elm.length;i++)
      if(elm[i].type=="checkbox" && elm[i].id!=theBox.id)
      {
            if(elm[i].checked!=xState)
            elm[i].click();
      }
}                  
------------------------------------------------------------------------------------------

the datagrid in html:
-------------------------------------------------------------------------------
<asp:datagrid id="dgCustomFindResults" runat="server" EnableViewState="True" AutoGenerateColumns="True"
      ShowHeader="True" Font-Name="Arial" Font-Size="8pt" HorizontalAlign="Left" Width="900">
      <Columns>
            <asp:TemplateColumn HeaderText="">
                  <HeaderTemplate>
                        <asp:CheckBox onclick="javascript:SelectAllCheckboxes(this);" id="chkAll" runat="server"></asp:CheckBox>
                  </HeaderTemplate>
                  <ItemTemplate>
                        <asp:CheckBox ID="myCheckbox" EnableViewState="False" AutoPostBack="False" Runat="server" />
                  </ItemTemplate>
            </asp:TemplateColumn>
      </Columns>
</asp:datagrid>
----------------------------------------------------------------------------------


the SQL to get data:
--------------------------------------------------------------------------------------------------
      SqlDataAdapter da = new SqlDataAdapter ( cmdObj ) ;
      DataSet dsMLS = new DataSet("MLS");
      da.SelectCommand.CommandTimeout = 0;
      da.Fill(dsMLS, "MLS");
      dgCustomFindResults.DataSource =  dsMLS.Tables["MLS"].DefaultView;
      dgCustomFindResults.DataBind();
---------------------------------------------------------------------------------------------------

I add a checkbox at the first column and get the results like so:

       -----------------------------------------------------------------------------------------
       chkbox |  account_number  | date_sold  | county_name  | sale_price  |   etc...
       -------------------------------------------------------------------------------------------
 
I would like the ablility to have the user click on any cell and then to highlight that row and also
put a check mark in the checkbox.

The row should stay highlighted as long as the checkbox is checked. If the row is clicked again
then the checkbox should be unchecked and the highlight should disappear.

There is no need for a postback since I want to keep the data the same.

Please let me know if someone can help with a solution.

-Eddie


0
Comment
Question by:FastEddie___
3 Comments
 
LVL 11

Accepted Solution

by:
Agarici earned 500 total points
ID: 16967510
see this link:http://www.syncfusion.com/FAQ/WindowsForms/FAQ_c44c.aspx#q745q

there is a "How do I color a individual cell depending upon its value or some external method?"

see if it helps.

A.
0

Featured Post

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

Article by: Najam
Having new technologies does not mean they will completely replace old components.  Recently I had to create WCF that will be called by VB6 component.  Here I will describe what steps one should follow while doing so, please feel free to post any qu…
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Here's a very brief overview of the methods PRTG Network Monitor (https://www.paessler.com/prtg) offers for monitoring bandwidth, to help you decide which methods you´d like to investigate in more detail.  The methods are covered in more detail in o…
This tutorial demonstrates a quick way of adding group price to multiple Magento products.

705 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now