?
Solved

Need Help Gridview C# ASP.Net

Posted on 2008-10-16
24
Medium Priority
?
773 Views
Last Modified: 2013-12-17
Hi,

I have a gridview that displays dynimic saved views. So the user will pick a name from the lst which will include the whole sql query to change gridview.

I have attached my code snippet. What I am trying to achieve here, is when selected fields that are selected or in the query would like to display them with a set background colour (as each colour represents a group). Normally this can easily be achieved via HTML side but as it is dynmic and data can be changed at any time, I have no idea how I can do this!

So going by my code, the gridview is inistially hidden, then when a selection is made in the view list box sets the gridview to true and then displays it in the browser.

Now the selected view can be any fields, as these are created and used. So I need to have something that can determine what is the output and set the right background colour to the fields that are chosen that I have pre-defined.

I dont think there is no other way of explaining what I need to do. Any more information regarding what I am trying to do, please let me know.

Regards,

introlux

======================================================================
 
HTML
 
======================================================================
 
        <asp:GridView ID="GridView1" runat="server" CellPadding="3" DataSourceID="AccessDataSource1"
            ForeColor="Black" GridLines="Vertical" BackColor="White" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px">
            <FooterStyle BackColor="#CCCCCC" />
            <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
            <SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
            <AlternatingRowStyle BackColor="#CCCCCC" />
        </asp:GridView>
        <br />
        <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/db1.mdb"
            SelectCommand="SELECT Name AS Name1, Age AS Age1, Gender AS Gender1 FROM [tblProCom]">
        </asp:AccessDataSource>
 
==================================================================
 
Code behind
 
==================================================================
 
    protected void Page_Load(object sender, EventArgs e)
    {
        Page.MaintainScrollPositionOnPostBack = true;
    }
 
 
    protected void lstView_SelectedIndexChanged(object sender, EventArgs e)
    {
        check();
    }
 
    void check()
    {
        this.GridView1.Visible = true;
        string SQL;
        SQL = "SELECT " + lstView.SelectedValue;
        OleDbConnection objConn = new OleDbConnection("Provider=Microsoft.Jet.OleDb.4.0;Data Source=" + Server.MapPath("App_Data/db1.mdb"));
        OleDbCommand objCmd = new OleDbCommand(SQL, objConn);
 
        this.AccessDataSource1.Dispose(); //delete
        this.AccessDataSource1.SelectCommand = SQL; //use new select query
        this.AccessDataSource1.DataBind(); //create new
    }

Open in new window

0
Comment
Question by:introlux
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 13
  • 6
  • 5
24 Comments
 
LVL 8

Expert Comment

by:unmeshdave
ID: 22736177
I guess you want to display columns in different back ground colors.


To do that, first of all you can get the datasource what you are binding with girdview.

Say your Gridview is Gridview1. After binding, you can use following.
DataSet ds = GridView1.DataSource as DataSet;

this way you can get dataset which is currently bound to Gridview. and you can go through each column of gridview.

to set the background color of a column in gridview you can use
GridView1.Columns[index].ItemStyle.BackColor
0
 
LVL 3

Expert Comment

by:JunkMan
ID: 22736230
If I understood you correctly you would know what colors to set for wich fields, for example that age would be green, name would be blue and so forth?

If that is the case you can make use of the RowDataBound event of the gridview. Like attached,

Obviously this all depends if i understood the question correctly and you are able to show the header.
    Dictionary<int, string> columnColors = new Dictionary<int, string>();
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        for (int i = 0; i < e.Row.Cells.Count; i++)
        {
            TableCell cell = e.Row.Cells[i];
            if (e.Row.RowType == DataControlRowType.Header)
            {
                //figure out the colors to set for each column
                if (cell.Text.Equals("age", StringComparison.CurrentCultureIgnoreCase))
                    columnColors.Add(i, "green");
                else if (cell.Text.Equals("name", StringComparison.CurrentCultureIgnoreCase))
                    columnColors.Add(i, "blue");
 
            }
            else if (e.Row.RowType == DataControlRowType.DataRow)
            {
                if (columnColors.ContainsKey(i))
                    cell.Style.Add("color", columnColors[i]);
            }
        }
    }

Open in new window

0
 

Author Comment

by:introlux
ID: 22738538
Compiler Error Message: CS0246: The type or namespace name 'Dictionary' could not be found (are you missing a using directive or an assembly reference?)

Source Error:

 

Line 229:    }
Line 230:
Line 231:    Dictionary<int, string> columnColors = new Dictionary<int, string>();
Line 232:    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
Line 233:    {
 
0
Quick Start: DOCKER

Sometimes you just need a Quick Start on a topic in order to begin using it.. this is just what you need to know to get up and running with Docker!

 
LVL 3

Expert Comment

by:JunkMan
ID: 22738764
what version of .net are you using?

make sure you are using System.Collections.Generic on the top of your page.
0
 
LVL 3

Expert Comment

by:JunkMan
ID: 22738768
sorry should have been clearer if you are using Framework 2.0 or above, just add the following to the top of your page:
using System.Collections.Generic;

Open in new window

0
 

Author Comment

by:introlux
ID: 22738795
ASP.Net 2.0

Where is this code placed:

 Dictionary<int, string> columnColors = new Dictionary<int, string>();
0
 

Author Comment

by:introlux
ID: 22738811
I think the problem lies on this code:

Dictionary<int, string> columnColors = new Dictionary<int, string>();

As the code cannot refer to columnColors and causes an error
0
 

Author Comment

by:introlux
ID: 22738820
Compiler Error Message: CS1501: No overload for method 'check' takes '0' arguments

Source Error:

 

Line 290:    protected void lstView_SelectedIndexChanged(object sender, EventArgs e)
Line 291:    {
Line 292:        check();
Line 293:        btnExport.Visible = true;
 

    Dictionary<int, string> columnColors = new Dictionary<int, string>();
 
    protected void check(object sender, GridViewRowEventArgs e)
    {
        this.GridView1.Visible = true;
        string SQL;
        SQL = "SELECT " + lstView.SelectedValue;
        OleDbConnection objConn = new OleDbConnection("Provider=Microsoft.Jet.OleDb.4.0;Data Source=" + Server.MapPath("App_Data/ProCom.mdb"));
        OleDbCommand objCmd = new OleDbCommand(SQL, objConn);
 
        this.AccessDataSource1.Dispose(); //delete
        this.AccessDataSource1.SelectCommand = SQL; //use new select query
        this.AccessDataSource1.DataBind(); //create new
       
        for (int i = 0; i < e.Row.Cells.Count; i++)
        {
            TableCell cell = e.Row.Cells[i];
            if (e.Row.RowType == DataControlRowType.Header)
            {
                //figure out the colors to set for each column
                if (cell.Text.Equals("Pid", StringComparison.CurrentCultureIgnoreCase))
                    columnColors.Add(i, "green");
                else if (cell.Text.Equals("PName", StringComparison.CurrentCultureIgnoreCase))
                    columnColors.Add(i, "blue");
 
            }
            else if (e.Row.RowType == DataControlRowType.DataRow)
            {
                if (columnColors.ContainsKey(i))
                    cell.Style.Add("color", columnColors[i]);
            }
        }
    }

Open in new window

0
 
LVL 3

Expert Comment

by:JunkMan
ID: 22738850
I'm sorry but you've completely missed the point!.. The code i've provided is not meant to replace your existing check method. It is meant to handle your gridview's rowdatabound event.

Notice the OnRowDataBound="GridView1_RowDataBound" on the attached code.
 <asp:GridView ID="GridView1" OnRowDataBound="GridView1_RowDataBound" runat="server" CellPadding="3" DataSourceID="AccessDataSource1"
            ForeColor="Black" GridLines="Vertical" BackColor="White" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px">
            <FooterStyle BackColor="#CCCCCC" />
            <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
            <SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
            <AlternatingRowStyle BackColor="#CCCCCC" />
        </asp:GridView>

Open in new window

0
 

Author Comment

by:introlux
ID: 22738979
Compiler Error Message: CS1501: No overload for method 'check' takes '0' arguments

Source Error:

 

Line 268:    protected void lstView_SelectedIndexChanged(object sender, EventArgs e)
Line 269:    {
Line 270:        check();
Line 271:    }
 

=======================================================================
 
FRONT CODE
 
=======================================================================
 
        <asp:GridView ID="GridView1" OnRowDataBound="GridView1_RowDataBound" runat="server" CellPadding="3" DataSourceID="AccessDataSource1"
            ForeColor="Black" GridLines="Vertical" BackColor="White" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px">
            <FooterStyle BackColor="#CCCCCC" />
            <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
            <SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
            <AlternatingRowStyle BackColor="#CCCCCC" />
        </asp:GridView>
 
=======================================================================
 
CODE BEHIND
 
=======================================================================
 
    protected void check(object sender, GridViewRowEventArgs e)
    {
        this.GridView1.Visible = true;
        string SQL;
        SQL = "SELECT " + lstView.SelectedValue;
        OleDbConnection objConn = new OleDbConnection("Provider=Microsoft.Jet.OleDb.4.0;Data Source=" + Server.MapPath("App_Data/ProCom.mdb"));
        OleDbCommand objCmd = new OleDbCommand(SQL, objConn);
 
        this.AccessDataSource1.Dispose(); //delete
        this.AccessDataSource1.SelectCommand = SQL; //use new select query
        this.AccessDataSource1.DataBind(); //create new
    }
 
    Dictionary<int, string> columnColors = new Dictionary<int, string>();
 
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        for (int i = 0; i < e.Row.Cells.Count; i++)
        {
            TableCell cell = e.Row.Cells[i];
            if (e.Row.RowType == DataControlRowType.Header)
            {
                //figure out the colors to set for each column
                if (cell.Text.Equals("Pid", StringComparison.CurrentCultureIgnoreCase))
                    columnColors.Add(i, "green");
                else if (cell.Text.Equals("PName", StringComparison.CurrentCultureIgnoreCase))
                    columnColors.Add(i, "blue");
 
            }
            else if (e.Row.RowType == DataControlRowType.DataRow)
            {
                if (columnColors.ContainsKey(i))
                    cell.Style.Add("color", columnColors[i]);
            }
        }
    }
 
    protected void lstView_SelectedIndexChanged(object sender, EventArgs e)
    {
        check();
    }

Open in new window

0
 
LVL 3

Expert Comment

by:JunkMan
ID: 22739549
compiler is correct, your check method is expecting argument!... please remove object sender, GridViewRowEventArgs e

from

protected void check(object sender, GridViewRowEventArgs e)
0
 

Author Comment

by:introlux
ID: 22740414
When doing this, i get the following error:

Compiler Error Message: CS0103: The name 'e' does not exist in the current context

Source Error:

 

Line 234:    protected void GridView1_RowDataBound()
Line 235:    {
Line 236:        for (int i = 0; i < e.Row.Cells.Count; i++)
Line 237:        {
Line 238:            TableCell cell = e.Row.Cells[i];
 
0
 
LVL 3

Assisted Solution

by:JunkMan
JunkMan earned 800 total points
ID: 22741503
try this:
    protected void check()
    {
        this.GridView1.Visible = true;
        string SQL;
        SQL = "SELECT " + lstView.SelectedValue;
        OleDbConnection objConn = new OleDbConnection("Provider=Microsoft.Jet.OleDb.4.0;Data Source=" + Server.MapPath("App_Data/ProCom.mdb"));
        OleDbCommand objCmd = new OleDbCommand(SQL, objConn);
 
        this.AccessDataSource1.Dispose(); //delete
        this.AccessDataSource1.SelectCommand = SQL; //use new select query
        this.AccessDataSource1.DataBind(); //create new
    }
 
    Dictionary<int, string> columnColors = new Dictionary<int, string>();
 
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        for (int i = 0; i < e.Row.Cells.Count; i++)
        {
            TableCell cell = e.Row.Cells[i];
            if (e.Row.RowType == DataControlRowType.Header)
            {
                //figure out the colors to set for each column
                if (cell.Text.Equals("Pid", StringComparison.CurrentCultureIgnoreCase))
                    columnColors.Add(i, "green");
                else if (cell.Text.Equals("PName", StringComparison.CurrentCultureIgnoreCase))
                    columnColors.Add(i, "blue");
 
            }
            else if (e.Row.RowType == DataControlRowType.DataRow)
            {
                if (columnColors.ContainsKey(i))
                    cell.Style.Add("color", columnColors[i]);
            }
        }
    }
 
    protected void lstView_SelectedIndexChanged(object sender, EventArgs e)
    {
        check();
    }

Open in new window

0
 

Author Comment

by:introlux
ID: 22741978
I have done this - All compiles but no change of colour...........
0
 

Author Comment

by:introlux
ID: 22742011
Yes - Got it to work, but what is does it changes the text rather than the heading. The whole colour text (only data) is displayed with the relevant colour
0
 
LVL 8

Expert Comment

by:unmeshdave
ID: 22742085
so do u want to change one complete column with one color or only heading of that column?
 and do u want to change text color or background color?

If you want to give different colors to different columns(complete column), I have already given solution in very first place. Its easy and performance wise preferred.
0
 

Author Comment

by:introlux
ID: 22742214
ONLY headings

The colour text etc... can stay the same. I just want the Forcolour of the background of the headings changed, depended on what they choose.

I do not need to change the text colour.

Regards,

introlux
0
 
LVL 8

Expert Comment

by:unmeshdave
ID: 22742484
I changed the code little bit. It is only one function which is changed other code remains same. you can try that. It changes the back ground of headers only.
If you do not want to change the background color of heading and want to change only text color of headings

just replace this line in the code attached
cell.BackColor = columnColors[i]; //this is for background color

with this one
cell.ForeColor = columnColors[i]; //this is for Forecolor color
 

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        for (int i = 0; i < e.Row.Cells.Count; i++)
        {
            TableCell cell = e.Row.Cells[i];
            if (e.Row.RowType == DataControlRowType.Header)
            {
                //figure out the colors to set for each column
                if (cell.Text.Equals("Pid", StringComparison.CurrentCultureIgnoreCase))
                    columnColors.Add(i, "green");
                else if (cell.Text.Equals("PName", StringComparison.CurrentCultureIgnoreCase))
                    columnColors.Add(i, "blue");
 
                //the added line
                cell.BackColor = columnColors[i];
 
            }
            //FOLLOWING LINES REMOVED
            //else if (e.Row.RowType == DataControlRowType.DataRow)
            //{
            //    if (columnColors.ContainsKey(i))
            //        cell.Style.Add("color", columnColors[i]);
            //}
        }
    }

Open in new window

0
 

Author Comment

by:introlux
ID: 22742522
Line 247:
Line 248:                //the added line
Line 249:                cell.BackColor = columnColors[i];
Line 250:
Line 251:            }
0
 

Author Comment

by:introlux
ID: 22742528
Compiler Error Message: CS0029: Cannot implicitly convert type 'string' to 'System.Drawing.Color'

Source Error:
0
 
LVL 8

Accepted Solution

by:
unmeshdave earned 1200 total points
ID: 22742712
Sorry Actually I tried to keep ur existing code. I chaned the code again.

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        for (int i = 0; i < e.Row.Cells.Count; i++)
        {
            TableCell cell = e.Row.Cells[i];
            if (e.Row.RowType == DataControlRowType.Header)
            {
                //figure out the colors to set for each column
                if (cell.Text.Equals("Pid", StringComparison.CurrentCultureIgnoreCase))
                    cell.BackColor = System.Drawing.Color.Green;
                else if (cell.Text.Equals("PName", StringComparison.CurrentCultureIgnoreCase))
                    cell.BackColor =  System.Drawing.Color.Blue; 
            }
        }
    }

Open in new window

0
 

Author Closing Comment

by:introlux
ID: 31506824
AT LAST!!!! Thank you so much for your support guys!
0
 

Author Comment

by:introlux
ID: 22742946
One last thing - Instead of using a predefined colour can i used a colour for example: #99ffcc

If so, how will i implement this?

Regards,

introlux
0
 
LVL 8

Expert Comment

by:unmeshdave
ID: 22744126
u can use FromName method of System.drawing.color class.

http://msdn.microsoft.com/en-us/library/system.drawing.color.fromname.aspx
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Access custom database properties are useful for storing miscellaneous bits of information in a format that persists through database closing and reopening.  This article shows how to create and use them.
If you need a simple but flexible process for maintaining an audit trail of who created, edited, or deleted data from a table, or multiple tables, and you can do all of your work from within a form, this simple Audit Log will work for you.
Basics of query design. Shows you how to construct a simple query by adding tables, perform joins, defining output columns, perform sorting, and apply criteria.
Do you want to know how to make a graph with Microsoft Access? First, create a query with the data for the chart. Then make a blank form and add a chart control. This video also shows how to change what data is displayed on the graph as well as form…
Suggested Courses
Course of the Month11 days, 14 hours left to enroll

752 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