• 摘要

　　上一篇我们实现了下拉框的效果，此章的目的主要是保存控件属性状态

  • 内容

　　我们先来看一个例子，后台代码不变，我们只改UI页面的代码，先在页面上拖放两个控件，一个是我们现在要开发的这个控件，另一个是按钮Button

<body>

    <form id="form1" runat="server">

    <XYB:TextEdit ID="txt" DropDwonHeight="" DropdwonWidth="" runat="server"></XYB:TextEdit>

    <asp:Button runat="server" ID="btn" Text="点击我" OnClick="btn_Click" />

    </form>

</body>

我们在Page_Load里面给属性赋值，代码如下

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace XYB.UI

{

    public partial class TextEditUI : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {

                txt.DropDwonHeight = ;

                txt.DropdwonWidth = ;

            }

        }

        protected void btn_Click(object sender, EventArgs e)

        {

        }

    }

}

我们运行浏览一下，第一次结果的确是100*100，但当我们点击一下按钮后，长和宽都还原成200了，也就是属性值没有被保存，现在我们只需要修改TextEdit.cs代码了，我们使用ViewState来保存控件属性状态值

using System;

using System.Text;

using System.Web.UI;

using System.ComponentModel;//包含组件开发所必须含有的(属性)Attribute;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using System.Collections.Generic;

namespace XYB.Controls

{

    public class TextEdit:TextBox

    {

        private int _dropDwonHeight;

        private int _dropdwonWidth;

        [Description("下拉框的高度"),//属性的描述

         Category("下拉框")//所属目录

        ]

        public int DropDwonHeight

        {

            //如果前台控件没有给DropDwonHeight赋值，那它的初始值是50

            get { return ViewState["DropDwonHeight"] == null ? 1 : Convert.ToInt32(ViewState["DropDwonHeight"]); }

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

        }

        [Description("下拉框的宽度"),

         Category("下拉框")

        ]

        public int DropdwonWidth

        {

            get { return ViewState["DropdwonWidth"] == null ? 1 : Convert.ToInt32(ViewState["DropdwonWidth"]); }

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

        }

        protected override void Render(HtmlTextWriter writer)

        {

            base.Render(writer);

            Panel pnlDropDown = new Panel();

            pnlDropDown.ID = "pnlDropDownID";

            pnlDropDown.Height = DropDwonHeight;

            pnlDropDown.Width = DropdwonWidth;

            pnlDropDown.Style["border"] = "1px solid #ccc";//设置边框样式

            pnlDropDown.RenderControl(writer);//把下拉框呈现到网页上

        }

    }

}

重新生成控件运行，ok,当页面回发时，属性值依然不变。　

  • 注意

　　ViewState只在本页中可以有效，比如A页面中有一个ViewState["A"],那么在B页面中ViewState["A"]是为null的。

  • 下集预告

　　自定义控件内嵌资源，预知后事如何，请看下回分解。敬请关注我！！

Asp.net自定义控件开发任我行（4）-ViewState保存控件状态的更多相关文章

  1. Asp.net自定义控件开发任我行（5）-嵌入资源上

    摘要 上一篇我们讲了VitwState保存控件状态,此章我们来讲讲嵌入css文件,js文件,嵌入Image文件我也一笔带过. 内容 随着我的控件的完善,我们目标控件DropDwonCheckList最 ...

  2. Asp.net自定义控件开发任我行（附1）-属性一览众山小

    元数据属性应用于服务器控件及其成员,从而提供由设计工具.ASP.NET 页分析器.ASP.NET 运行库以及公共语言运行库使用的信息.当页开发人员在可视化设计器中使用控件时,设计时属性能改进开发人员的 ...

  3. Asp.net自定义控件开发任我行（3）-Render

    摘要 上一篇我们讲到了自定义标签TagPrefix用法,此篇我们来讲一下控件的呈现,主要是呈现下拉框 内容 呈现的方法有,Render,RenderControl,RenderChildren,这三个 ...

  4. Asp.net自定义控件开发任我行（8）-数据集绑定

    摘要 已经有好几天没有写博客了,今天继续,前几天写到了注册自定义事件,今天我们来讲数据集绑定. 先把运行效果截个图给大家看,让大家心里也有个底.(大家要从第一章开始看起,我们每一章都是接着前面没做完的 ...

  5. Asp.net自定义控件开发任我行（2）-TagPrefix标签

    摘要 前面我们已经做了一个最简单的TextBox的马甲,此篇文章,我们来讲讲自定义控件的标签.大家可能看到了上一篇中拖放进来的代码是 <cc1:TextEdit ID="TextEdi ...

  6. Asp.net自定义控件开发任我行（1）-笑傲江湖

    1.引言 参加工作5个月了,来到一家小公司,有几只老鸟带我,但不是我公司的,几个礼拜才来一次.来到公司做的第一个项目是web项目,里面有很多的重复代码,页面代码都是千篇一律,你这人也太水了吧,垃圾代码 ...

  7. Asp.net自定义控件开发任我行（6）-嵌入资源下

    摘要 上一章,我们讲了嵌入.css文件,这一章,我们来讲一下嵌入.js文件,也顺带一个嵌入Image文件 内容 我们前面的几章,一运行,下拉框就显示出来了,但是DropDwonList的下拉框是被隐藏 ...

  8. Asp.net自定义控件开发任我行（7）-注册自定义事件

    摘要 前面我们已经把嵌入资源讲完了,不知道大家有没有得到收益,本章主要讲自定义事件,也就是给TextBox注册一个点击事件. 引言 不知道道上的朋友有没有注意到TextBox控件没有点击事件,就连网上 ...

  9. Asp.net 自定义控件开发相关的几种嵌入资源解决方案

    前提: 如下将要介绍的几种类型资源都要在其属性页窗口, 将 <生成操作> 属性, 设置为[嵌入的资源], 如图:   ► 给自定义控件添加自定义图标的几种方案   方法一: 直接在自定义控 ...

随机推荐

  1. Javascript Number

    Number 对象 Number对象是原始值的包装对象 创建Number对象的语法: var myNum = new Number(value): var myNum = Number(value): ...

  2. angularjs嵌套路由

    index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

  3. Bootstrap插件-collapse

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...

  4. 零基础逆向工程32_Win32_06_通用控件_VM_NOTIFY

    标准控件与可用控件 windows标准控件,标准控件总是可用的 Static Group Box Button Check Box Radio Button Edit ComboBox ListBox ...

  5. windows环境下Nginx部署及Https设置

    一.Nginx安装部署及常用命令. 1.1.其实Nginx是免安装的.直接在官网下载zip包,解压即可,下载地址:http://nginx.org/en/download.html,因为我这边的开发服 ...

  6. sk-learning(2)

    sk-learning 学习(2) sklearing 训练评估 针对kdd99数据集使用逻辑回归分类训练 然后进行评估 发觉分数有点高的离谱 取出10%数据494021条,并从中选择四分之一作为测试 ...

  7. DOM编程艺术-setTimeout，"moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"

    DOM编程艺术一个小demo,看到这里的时候不理解 "moveElement('"+elementID+"',"+final_x+","+f ...

  8. Problem A: C语言习题 链表建立，插入，删除，输出

    #include<stdio.h> #include<string.h> #include<stdlib.h> typedef struct student { l ...

  9. 巧妙使用JQuery Clone 添加多行数据，并更新到数据库

    WEB代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BatchAdd. ...

  10. Bootstrap历练实例：响应式布局

    <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...