Click here to Skip to main content
Licence CPOL
First Posted 4 Jun 2008
Views 32,892
Downloads 399
Bookmarked 14 times

Creating a Read Only DropDownList

By | 4 Jun 2008 | Article
This explains how to extend a DropDownList to give it a ReadOnly attribute.

Introduction

When a control is disabled, it can not be styled in IE, and the default style sucks. So, I searched for a long time trying to figure out the best way of creating a dropdownlist control that has a ReadOnly property, which would be much more readable to a user, while still maintaining all the benefits of a DropDownList control. After much searching, I decided to try the easy road, and came up with this control.

A TextBox set as Enabled, Disabled, or ReadOnly will look three different ways. This allows a DropDownList to have that same behavior.

Using the code

Basically, I decided to create my own control derived from DropDownList. I had it internally contain a TextBox, and when it went to be rendered, it just rendered the selected item, or the dropdown list, depending on if the ReadOnly property was set.

using System.Web.UI.WebControls

public class DropDownListReadOnly : DropDownList
{
    private bool _readOnly;
    private TextBox tb = new TextBox();
    public bool ReadOnly
    {
        get
        {
            return _readOnly;
        }
        set
        {
            _readOnly = value;
        }
    }

    protected override void Render(System.Web.UI.HtmlTextWriter writer)
    {
        if (_readOnly)
        {
            tb.Text = this.Text;
            tb.ReadOnly = true;
            tb.RenderControl(writer);
        }
        else
            base.Render(writer);
    }
}

Setup

The easiest way of using this project is to create your own Web Control Library, and then add this class to your library. You can then insert the control into the VS2005 Designer by the normal method (right click on the Toolbox, pick the Add tab; then, right click the tab and pick Choose Items, and browse to the compiled DLL).

History

To-Do: Might need some error checking in the Render method.

License

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

About the Author

DSpazman

Web Developer

United States United States

Member



Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
You must Sign In to use this message board. (secure sign-in)
 
Search this forum  
 FAQ
    Noise  Layout  Per page   
  Refresh
GeneralPostback problem Pinmembersykiemikey5:31 4 May '09  
GeneralAlternate option PinmemberRenish@IT23:02 26 Feb '09  
GeneralGood idea Pinmemberdave.dolan5:42 17 Dec '08  
GeneralInteresting approach. PinmemberRajib Ahmed17:01 5 Jun '08  
QuestionHuh? PinmemberPIEBALDconsult8:10 4 Jun '08  
AnswerRe: Huh? PinmemberDSpazman8:44 4 Jun '08  
PIEBALDconsult wrote:
private TextBox tb = new TextBox();
 
Why not a string?
 
private string tb = "";

 
Because:
1) A TextBox looks more like a Dropdownlist.
2) Assuming your website has CSS styles for TextBoxes already, it'll pick up those styles and not need to be personally styled by you.
 
If you wished, you could change it to a string, create whatever formatting you wanted for it, if you want to box it in, display a picture, whatever. I was just doing this for an example.
 

PIEBALDconsult wrote:
And at any rate, the intent of your article is unclear.
What are you trying to accomplish?

 
3) The intent is to create a DropDownList with a ReadOnly attribute. If you look at a textbox, and make one normal, one ReadOnly, and one Disabled, you have 3 different looks. The ReadOnly has a background color, and can not be changed, but you can select the text inside. the Disabled has an aweful font and background color that makes it very hard to read, and you cannot select the Text inside it.
 
DropDownLists only have an Enabled and Disabled mode, not a ReadOnly. This control extends the DropDownList to include a ReadOnly Version.
GeneralRe: Huh? Pinmember leppie 9:22 4 Jun '08  
GeneralRe: Huh? PinmemberSteven Berkovitz10:59 4 Jun '08  
GeneralRe: Huh? PinmemberPIEBALDconsult12:07 4 Jun '08  
GeneralRe: Huh? PinmemberDSpazman12:46 4 Jun '08  
GeneralRe: Huh? PinmemberPIEBALDconsult13:41 4 Jun '08  
GeneralRe: Huh? PinmemberMohammed Gouda1:47 17 Jun '08  

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Mobile
Web01 | 2.5.120529.1 | Last Updated 4 Jun 2008
Article Copyright 2008 by DSpazman
Everything else Copyright © CodeProject, 1999-2012
Terms of Use
Layout: fixed | fluid