快速业务通道

ASP.NET教程:如何动态写入服务器端控件

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-04-11

使用Asp.net进行开发时,因为某些需求原因,需要在页面中动态添加控件。当然,这些控件可以是普通的html标签,也可以是Asp.net独有的服务器端控件。关于动态写入html标签控件,大家都熟悉,这里就不再表述。本文讨论的重点是:如何动态写入服务器端控件,并且在页面PostBack到Server端时,在Server端来获取被动态写入的服务器端控件的各种属性。

这里,我来通过一个Demo来说明这个应用。

需求:

1. 用户在UI上输入一个数值(比如:5),系统动态为用户加载这个数值的Url Address输入域;

2. 用户输入的Url Address内容需要通过Url格式验证;

3. 用户提交输入内容后,系统给出提交的结果

设计如下:

1. Css样式设置:

以下为引用的内容:

  <style type="text/css">

        .item
        {
        margin:10px;
        border-bottom:solid 1px #CCC;
        }
       
        .item2
        {
        margin:5px;
        }
       
        .input
        {
        width:200px;
        }
</style>
2前台页面代码
        <div>  
            <div class="item">
                Please input a number:
                <asp:TextBox runat="server" CssClass="item" ID="txtTextCount"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtTextCount" ValidationGroup="CreateTextBox" Display="Dynamic"
                    ErrorMessage="Required to input content!"></asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" ControlToValidate="txtTextCount" ValidationGroup="CreateTextBox" Display="Dynamic"
                    runat="server" ErrorMessage="Only number is valid!" ValidationExpression="^\d+contentquot;></asp:RegularExpressionValidator>&nbsp;&nbsp;
                <asp:Button runat="server" ID="btnCreate" Text="Create TextBox List" ValidationGroup="CreateTextBox"
                    onclick="btnCreate_Click" />&nbsp;&nbsp;
                <asp:Button runat="server" ID="btnOK" Text="Get TextBox Content" ValidationGroup="ShowListContent"
                    onclick="btnOK_Click" />
            </div>
            <div runat="server" id="divControls" class="item"></div>
            <div runat="server" id="divMessage">               
            </div>
        </div>

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号