记得去年年初的时候做了一个控件。当时考虑的因数很少,虽然那个控件实现了简单的调用接口,可是有一个致命的问题是居然没有考虑到PostBack后的状态保存问题。
新的ColorableListBox解决了控件被PostBack后的状态保存。实现过程很简单,就是把ListItem的ForeColor和BackColor信息存在ViewState里面,自己在控件中去维护。这个功能本来是很简单的,可是在做完后发现也仍然并不完美,因为目前还是不能处理条目移动的问题,如果条目被移动,比如有删除和插入等操作等,ListItem的颜色不能同步。目前的处理办法是如果有ListItem的变动,就清空所有的色彩信息。
执行流程,在控件的OnPerRender事件运触发时,判断ListBox的Item的Attributes.CssStyle属性里是否被设置了color和background-color属性。如果有就记录下其属性值,然后保存在ViewState里,PostBack后从ViewState里恢复Item的属性值,在Render事件里,使用自己保存的属性信息来修改<option ...>...</option>的css属性。
protected override void OnPreRender(EventArgs e) { if ( m_IsClear ) { m_ItemStyles = null; } ArrayList alstStyle = null; Hashtable htItemStyles = null; for( int i=0 ; i < this.Items.Count ; ++i ) { if ( alstStyle != null ) { alstStyle.Clear(); } foreach( string key in this.Items[i].Attributes.CssStyle.Keys ) { if ( htItemStyles == null ) { htItemStyles = new Hashtable(); } if ( m_ItemStyles != null ) { foreach( object obj in m_ItemStyles ) { object [] objs = ( object [])obj; htItemStyles[objs[0]] = objs[1]; } } if ( alstStyle == null ) { alstStyle = new ArrayList(); } string strKey = key.ToLower(); if ( strKey == "color" || strKey == "background-color" ) { alstStyle.Add(key + ':' + this.Items[i].Attributes.CssStyle[key]); continue; } } if ( alstStyle != null && alstStyle.Count > 0 ) { string [] strAry = new string[alstStyle.Count]; alstStyle.CopyTo(strAry); htItemStyles[i] = strAry; } } if ( htItemStyles != null ) { int count = 0; m_ItemStyles = new object[htItemStyles.Count]; foreach( object key in htItemStyles.Keys ) { object [] objects = new object[2]; objects[0] = key; objects[1] = ( string [])htItemStyles[key]; m_ItemStyles[count++] = objects; } } base.OnPreRender(e); }
ColorableListBox clb = new ColorableListBox(); ListItem li = new ListItem(name, value); li.Attributes.CssStyle.Add("color", "yellow"); li.Attributes.CssStyle.Add("background-color", "blue"); clb.Items.Add(li);
附ColorableListBox控件源码