ASP.NET自定义控件 第四天 折叠面板自定义控件

<span id="cc1"><input name="txt" type="text" id="txt" /></span>

<span id="cc2"><input name="txt" type="text" id="txt" /></span>

<span id="cc1"><input name="cc1$txt" type="text" id="cc1_txt" /></span>

<span id="cc2"><input name="cc2$txt" type="text" id="cc2_txt" /></span>

public class ExtendPanel : Panel, INamingContainer

{

[Themeable(false)]

public bool EnableDropDown

{

get

{

object o = ViewState["EnableDropDown"];

if (o == null)

return false;

return (bool)o;

}

set { ViewState["EnableDropDown"] = value; }

}

// 是否使用客户端脚本

[Themeable(false)]

public bool EnableClientScript

{

get

{

object o = ViewState["EnableClientScript"];

if (o == null)

return false;

return (bool)o;

}

set { ViewState["EnableClientScript"] = value; }

}

// 是否被展开

[Themeable(false)]

public bool ShowExpanded

{

get

{

object o = ViewState["ShowExpanded"];

if (o == null)

return true;

return (bool)o;

}

set

{

ViewState["ShowExpanded"] = value;

}

}

//标题

[Themeable(false)]

public string Caption

{

get

{

object o = ViewState["Caption"];

if (o == null)

return "Panel";

return (string)o;

}

set { ViewState["Caption"] = value; }

}

//标题背景色

public Color CaptionBackColor

{

get

{

object o = ViewState["CaptionBackColor"];

if (o == null)

return Color.SkyBlue;

return (Color)o;

}

set { ViewState["CaptionBackColor"] = value; }

}

//标题前景色

public Color CaptionForeColor

{

get

{

object o = ViewState["CaptionForeColor"];

if (o == null)

return Color.White;

return (Color)o;

}

set { ViewState["CaptionForeColor"] = value; }

}

}

private bool _panelDisplayed;

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

Page.RegisterRequiresControlState(this);//注册控件状态

}

protected override object SaveControlState()

{

Pair p = new Pair();

p.First = base.SaveControlState();

p.Second = _panelDisplayed;

return p;

}

protected override void LoadControlState(object savedState)

{

if (savedState == null)

return;

Pair p = (Pair)savedState;

base.LoadControlState(p.First);

_panelDisplayed = (bool)p.Second;

}

protected override void CreateChildControls()

{

if (EnableDropDown)//如果允许下拉则创建标题条

{

base.CreateChildControls();

CreateControlHierarchy();

}

else

{

base.CreateChildControls();//如果不允许下拉,则显示原有控件

}

}

protected virtual void CreateControlHierarchy()

{

Table t = new Table();

TableRow row1 = new TableRow();

t.Rows.Add(row1);

TableCell cell1 = new TableCell();

row1.Cells.Add(cell1);

cell1.Text = " " + Caption;

TableCell cell2 = new TableCell();

row1.Cells.Add(cell2);

cell2.HorizontalAlign = HorizontalAlign.Right;

TableRow row2 = new TableRow();

t.Rows.Add(row2);

TableCell body = new TableCell();

body.ID = "Body";

row2.Cells.Add(body);

body.ColumnSpan = 2;

Control[] rg = new Control[Controls.Count];

Controls.CopyTo(rg, 0);

foreach (Control ctl in rg)

body.Controls.Add(ctl);

Controls.Clear();

Controls.Add(t);

WebControl img;

if (!EnableClientScript)

{

img = new ImageButton();

((ImageButton)img).Click += new ImageClickEventHandler(OnClick);

cell2.Controls.Add(img);

}

else

{

img = new System.Web.UI.WebControls.Image();

img.ID = "Icon";

cell2.Controls.Add(img);

// 添加样式

img.Attributes["onmouseover"] = "this.style.cursor = \"hand\";";

img.Attributes["onmouseout"] = "this.style.cursor = \"\";";

img.Attributes["onclick"] = "__toggle()";

if (!Page.ClientScript.IsClientScriptBlockRegistered("__toggle"))

{

string js = BuildScript(body);

Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "__toggle", js, true);

}

}

private string BuildScript(TableCell body)

{

StringBuilder sb = new StringBuilder();

sb.AppendLine("function __toggle() {");

sb.AppendFormat(" var body = document.getElementById(\"{0}\");\r\n", body.ClientID);

sb.AppendLine(" var display = body.style.display;");

sb.AppendLine(" if (display == \"\") {");

sb.AppendLine(" body.style.display = \"none\";");

sb.AppendLine(" } else {");

sb.AppendLine(" body.style.display = \"\";");

sb.AppendLine(" }");

sb.AppendLine("}");

return sb.ToString();

}