Search results matching tag 'GridViewAdapter'

GridView - adapter to render div for <table>, <tr> and <td>

Deepesh — Fri, 14 Dec 2007 05:00:00 GMT

Hello,

I want that my gridview should render <div> for all the elements like <table> ,<tr> and <td>

How this can be done?

Thanks,

Deepes Verma

Re: Support for EmptyDataTemplate

dbhikadiya — Wed, 28 Mar 2007 04:00:00 GMT

This fix injects an issue in existing rendering function. I am seeing it in VB.Net. However, I think it may be same for C#.

Public Class GridViewAdapter
  Inherits System.Web.UI.WebControls.Adapters.WebControlAdapter
  Private Sub WriteRows(ByVal writer As HtmlTextWriter, ByVal gridView As GridView, ByVal rows As GridViewRowCollection, ByVal tableSection As String)
  ...

  Dim cell As TableCell
  For Each cell In row.Cells
    Dim fieldCell As DataControlFieldCell = cell

  ...
  End Sub

...
End Class

For EmptyDataTemplate, cell is of type TableCell which throws an exception as it can not be casted to DataControlFieldCell.

Here is the suggested fix:

Public Class GridViewAdapter
  Inherits System.Web.UI.WebControls.Adapters.WebControlAdapter
  Private Sub WriteRows(ByVal writer As HtmlTextWriter, ByVal gridView As GridView, ByVal rows As GridViewRowCollection, ByVal tableSection As String)
  ...

  Dim cell As TableCell
  For Each cell In row.Cells
    If (TypeOf cell Is DataControlFieldCell) Then
      Dim fieldCell As DataControlFieldCell = cell
      ...
    End If
  ...
  End Sub

...
End Class

GridViewAdapter + AJAX

stolin — Thu, 01 Mar 2007 05:00:00 GMT

We've just implemented CSS Friendly Control Adapters. We are also using AJAX extensions.

The problem is GridViewAdapter and row's postback. Clicking on a row resuls in "Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"/> in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation." I suspect it’s due to there is no method defined, but I don't have any prove. Before we installed the adapter it worked fine. We were binding some java script on each row. First we thought it was something to to with that. But the error remains even after we disable OnRowDataBound.

Bug? Is there a simple way to solve this?

GridViewAdapter Beta 3.0 with added support for CssClass, ClientID, HeaderStyle-CssClass, row.CssClass, row.Attributes

adk — Wed, 08 Nov 2006 05:00:00 GMT

Hi guys,

While using the Css Friendly Adapter for the GridView, I've run into several properties that are not being rendered.

Over time, I've implemented support for several of those properties, as I needed to use them.

These range from declarative properties like

<asp:GridView>: CssClass, ID

<asp:TemplateField/BoundField...> : HeaderStyle-CssClass

to programmatically exposed properties like

GridViewRow.CssClass

GridViewRow.Attributes, GridViewRow.Styles

The code below is the GridViewAdapter.cs (beta 3.0) class with added support for the above-mentioned properties. (sorry, could not attach the file)

(The added code sections are preceeded by a comment starting with //ADK.)

using System;
using System.Data;
using System.Collections;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

namespace CSSFriendly
{
    public class GridViewAdapter : System.Web.UI.WebControls.Adapters.WebControlAdapter
    {
        private WebControlAdapterExtender _extender = null;
        private WebControlAdapterExtender Extender
        {
            get
            {
                if (((_extender == null) && (Control != null)) ||
                    ((_extender != null) && (Control != _extender.AdaptedControl)))
                {
                    _extender = new WebControlAdapterExtender(Control);
                }

                System.Diagnostics.Debug.Assert(_extender != null, "CSS Friendly adapters internal error", "Null extender instance");
                return _extender;
            }
        }

        /// ///////////////////////////////////////////////////////////////////////////////
        /// PROTECTED        
        
        protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);

            if (Extender.AdapterEnabled)
            {
                RegisterScripts();
            }
        }

        protected override void RenderBeginTag(HtmlTextWriter writer)
        {
            if (Extender.AdapterEnabled)
            {
                Extender.RenderBeginTag(writer, "AspNet-GridView");
            }
            else
            {
                base.RenderBeginTag(writer);
            }
        }

        protected override void RenderEndTag(HtmlTextWriter writer)
        {
            if (Extender.AdapterEnabled)
            {
                Extender.RenderEndTag(writer);
            }
            else
            {
                base.RenderEndTag(writer);
            }
        }

        protected override void RenderContents(HtmlTextWriter writer)
        {
            if (Extender.AdapterEnabled)
            {
                GridView gridView = Control as GridView;
                if (gridView != null)
                {
                    writer.Indent++;
                    WritePagerSection(writer, PagerPosition.Top);

                    writer.WriteLine();
                    writer.WriteBeginTag("table");
					
					//ADK: added CssClass and ClientID support
					writer.WriteAttribute("class", Control.CssClass);
					writer.WriteAttribute("id", Control.ClientID);

                    writer.WriteAttribute("cellpadding", "0");
                    writer.WriteAttribute("cellspacing", "0");
                    writer.WriteAttribute("summary", Control.ToolTip);
                    writer.Write(HtmlTextWriter.TagRightChar);
                    writer.Indent++;

                    ArrayList rows = new ArrayList();
                    GridViewRowCollection gvrc = null;

                    ///////////////////// HEAD /////////////////////////////

                    rows.Clear();
                    if (gridView.ShowHeader && (gridView.HeaderRow != null))
                    {
						//ADK: added support for HeaderStyle-CssClass (<TemplateField>, <BoundField>...)
						int i = 0;
						foreach (DataControlField col in gridView.Columns)
						{
							if (col.HeaderStyle.CssClass != null)
							{
								gridView.HeaderRow.Cells[i].CssClass = col.HeaderStyle.CssClass;
							}
							i++;
						}

                        rows.Add(gridView.HeaderRow);
                    }
                    gvrc = new GridViewRowCollection(rows);
                    WriteRows(writer, gridView, gvrc, "thead");

                    ///////////////////// FOOT /////////////////////////////

                    rows.Clear();
                    if (gridView.ShowFooter && (gridView.FooterRow != null))
                    {
                        rows.Add(gridView.FooterRow);
                    }
                    gvrc = new GridViewRowCollection(rows);
                    WriteRows(writer, gridView, gvrc, "tfoot");

                    ///////////////////// BODY /////////////////////////////

                    WriteRows(writer, gridView, gridView.Rows, "tbody");

                    ////////////////////////////////////////////////////////

                    writer.Indent--;
                    writer.WriteLine();
                    writer.WriteEndTag("table");

                    WritePagerSection(writer, PagerPosition.Bottom);

                    writer.Indent--;
                    writer.WriteLine();
                }
            }
            else
            {
                base.RenderContents(writer);
            }
        }

        /// ///////////////////////////////////////////////////////////////////////////////
        /// PRIVATE        

        private void RegisterScripts()
        {
        }

        private void WriteRows(HtmlTextWriter writer, GridView gridView, GridViewRowCollection rows, string tableSection)
        {
            if (rows.Count > 0)
            {
                writer.WriteLine();
                writer.WriteBeginTag(tableSection);
                writer.Write(HtmlTextWriter.TagRightChar);
                writer.Indent++;

                foreach (GridViewRow row in rows)
                {
                    writer.WriteLine();
                    writer.WriteBeginTag("tr");

                    string className = GetRowClass(gridView, row);
					//ADK: added support for row.CssClass 
					//(e.g. when programmatically setting e.Row.CssClass inside the rowdatabound event)
					if (row.CssClass != null && !row.CssClass.Equals(string.Empty))
					{
						if (!String.IsNullOrEmpty(className))
							className += " ";
						className += row.CssClass;
					}

                    if (!String.IsNullOrEmpty(className))
                    {
                        writer.WriteAttribute("class", className);
                    }
					//ADK: added support for row.attributes
					//(e.g. when doing e.Row.Attributes.Add inside the rowdatabound event)

					//this covers row.Styles as well, as they will appear in the attributes collection 
					//as a single style attribute
					if (row.Attributes.Count > 0)
					{
						foreach (string key in row.Attributes.Keys)
						{
							writer.WriteAttribute(key, row.Attributes[key]);
						}
					}

                    writer.Write(HtmlTextWriter.TagRightChar);
                    writer.Indent++;

                    foreach (TableCell cell in row.Cells)
                    {
                        DataControlFieldCell fieldCell = cell as DataControlFieldCell;
                        if ((fieldCell != null) && (fieldCell.ContainingField != null))
                        {
                            DataControlField field = fieldCell.ContainingField;
                            if (!field.Visible)
                            {
                                cell.Visible = false;
                            }

                            if ((field.ItemStyle != null) && (!String.IsNullOrEmpty(field.ItemStyle.CssClass)))
                            {
                                if (!String.IsNullOrEmpty(cell.CssClass))
                                {
                                    cell.CssClass += " ";
                                }
                                cell.CssClass += field.ItemStyle.CssClass;
                            }
                        }
                        
                        writer.WriteLine();
                        cell.RenderControl(writer);
                    }

                    writer.Indent--;
                    writer.WriteLine();
                    writer.WriteEndTag("tr");
                }
                
                writer.Indent--;
                writer.WriteLine();
                writer.WriteEndTag(tableSection);
            }
        }

        private string GetRowClass(GridView gridView, GridViewRow row)
        {
            string className = "";

            if ((row.RowState & DataControlRowState.Alternate) == DataControlRowState.Alternate)
            {
                className += " AspNet-GridView-Alternate ";
                if (gridView.AlternatingRowStyle != null)
                {
                    className += gridView.AlternatingRowStyle.CssClass;
                }
            }

            if ((row.RowState & DataControlRowState.Edit) == DataControlRowState.Edit)
            {
                className += " AspNet-GridView-Edit ";
                if (gridView.EditRowStyle != null)
                {
                    className += gridView.EditRowStyle.CssClass;
                }
            }

            if ((row.RowState & DataControlRowState.Insert) == DataControlRowState.Insert)
            {
                className += " AspNet-GridView-Insert ";
            }

            if ((row.RowState & DataControlRowState.Selected) == DataControlRowState.Selected)
            {
                className += " AspNet-GridView-Selected ";
                if (gridView.SelectedRowStyle != null)
                {
                    className += gridView.SelectedRowStyle.CssClass;
                }
            }

            return className.Trim();
        }

        private void WritePagerSection(HtmlTextWriter writer, PagerPosition pos)
        {
            GridView gridView = Control as GridView;
            if ((gridView != null) &&
                gridView.AllowPaging &&
                ((gridView.PagerSettings.Position == pos) || (gridView.PagerSettings.Position == PagerPosition.TopAndBottom)))
            {
                Table innerTable = null;
                if ((pos == PagerPosition.Top) &&
                    (gridView.TopPagerRow != null) &&
                    (gridView.TopPagerRow.Cells.Count == 1) &&
                    (gridView.TopPagerRow.Cells[0].Controls.Count == 1) &&
                    typeof(Table).IsAssignableFrom(gridView.TopPagerRow.Cells[0].Controls[0].GetType()))
                {
                    innerTable = gridView.TopPagerRow.Cells[0].Controls[0] as Table;
                }
                else if ((pos == PagerPosition.Bottom) &&
                    (gridView.BottomPagerRow != null) &&
                    (gridView.BottomPagerRow.Cells.Count == 1) &&
                    (gridView.BottomPagerRow.Cells[0].Controls.Count == 1) &&
                    typeof(Table).IsAssignableFrom(gridView.BottomPagerRow.Cells[0].Controls[0].GetType()))
                {
                    innerTable = gridView.BottomPagerRow.Cells[0].Controls[0] as Table;
                }

                if ((innerTable != null) && (innerTable.Rows.Count == 1))
                {
                    string className = "AspNet-GridView-Pagination AspNet-GridView-";
                    className += (pos == PagerPosition.Top) ? "Top " : "Bottom ";
                    if (gridView.PagerStyle != null)
                    {
                        className += gridView.PagerStyle.CssClass;
                    }
                    className = className.Trim();

                    writer.WriteLine();
                    writer.WriteBeginTag("div");
                    writer.WriteAttribute("class", className);
                    writer.Write(HtmlTextWriter.TagRightChar);
                    writer.Indent++;

                    TableRow row = innerTable.Rows[0];
                    foreach (TableCell cell in row.Cells)
                    {
                        foreach (Control ctrl in cell.Controls)
                        {
                            writer.WriteLine();
                            ctrl.RenderControl(writer);
                        }
                    }

                    writer.Indent--;
                    writer.WriteLine();
                    writer.WriteEndTag("div");
                }
            }
        }
    }
}

A couple of suggestions

thinkdrastic — Wed, 01 Nov 2006 04:00:00 GMT

I've only just come across this project. As a bit of a HTML purist who's been fighting against .net's standard controls for a while, this is fantastic to see :)

Anyway, I've been looking through the examples and I've got a couple of suggestions for you:

In the Tree View example, you've got code like "<img src="images/checkers.gif" alt="Business Solutions" />Business Solutions". A screen reader is going to read that aloud as "Business Solutions Business Solutions". It'd be better to have a blank alt here (alt=""), or better, use a background image instead.
Secondly, you've used a lot of href="javascript:__doPostBack URIs. It'd be nice if these worked as a progressive enhancement, so non-javascript users got a fully-expanded menu with standard http:// URIs.
The Menu Control doesn't appear to be keyboard navigable - this is a fairly major accessibility gotcha. As an example of one that works with the keyboard, http://onlinetools.org/tools/yadm/dropdown.html lets you hit return to open up drop-downs.
The only other one is the use of more semantic HTML. For the login form for instance, something like this might be better:

<fieldset>
     <legend>Login</legend>
     <ul>
          <li>
               <label for="ctl00_ctl00_MainContent_LiveExample_loginview1_login1_UserName"><em>U</em>ser Name:</label>
               <input type="text" id="ctl00_ctl00_MainContent_LiveExample_loginview1_login1_UserName" name="ctl00$ctl00$MainContent$LiveExample$loginview1$login1$UserName" value="" accesskey="u" />
          </li>
          <li>
               <label for="ctl00_ctl00_MainContent_LiveExample_loginview1_login1_Password"><em>P</em>assword:</label>
               <input type="password" id="ctl00_ctl00_MainContent_LiveExample_loginview1_login1_Password" name="ctl00$ctl00$MainContent$LiveExample$loginview1$login1$Password" value="" accesskey="p" />
          </li>
          <li>
               [and so on...]
          </li>
     </ul>
</fieldset>
One more thing (and feel free to kick this one to the kerb): It'd be nice if you could use the hCard microformat on the DetailsView, FormView and DataList examples.

Hope these are useful :)

Olly.

Selected | Alternate Row deon't work: fix

psi_u — Fri, 13 Oct 2006 04:00:00 GMT

The symptoms:

I want the background of the selected rows to be yellow.

It works only on the selected rows, that aren't an alternate rows.

The problem:

the method "GetRowClass", which determines the ClassName for the appropriate RowState, using all the options of the enumeration of DataControlRowState (except normal).

However, there is another option: "Selected | Alternate". Since its nor Selected neither Alternate, The Switch doesn't get them in either CASE. Therefore it returns the ClassName as NULL (or: "").

The solution:

One simple way, that demonstrate the problem and the solution is by adding these lines after the last Case. That should resolve the problem:

	case DataControlRowState.Normal:
                    break;
                default:
                    className += " AspNet-GridView-Selected ";
                    className += gridView.SelectedRowStyle.CssClass;
                    break;

Hope this helps.

GridViewAdapter and Visible flag

carpenocturnum — Thu, 14 Sep 2006 04:00:00 GMT

Hi all, I am trying to use the GridViewAdapter, but it appears as though there is a similar problem to the DetailViewAdapter as explained by this post http://forums.asp.net/thread/1336007.aspx

My issues is that I have set the visible attribute on one of my Databound columns to be false. When I apply the adapter, the column is displayed, the header is written, but the cells just contain no data. Can someone please confirm that this is in fact a bug, and if/when it might be fixed.

Thanks.