Ajax控件示例【永利澳门游戏网站】

永利澳门游戏网站 1

                            <td
style=”width:
316px”>

1.拖放一个label控件,随便什么控件都是支持的。用来当鼠标经过它时显示其他的内容。

                    <asp:Button ID=”Button1″
runat=”server” OnClick=”Button1_Click” Text=”Button”
/><br />

<asp:UpdatePanel ID=”UpdatePanel1″ runat=”server”>
            <ContentTemplate>
                <asp:Label ID=”Label1″ runat=”server”
BackColor=”Info” Font-Size=”Large”
Text=”作者:XXXXXXXXXX”></asp:Label>
                 <asp:Panel ID=”Panel1″ runat=”server” Height=”185px”
“174px”>
            <asp:Image ID=”Image1″ runat=”server” Height=”103px”
ImageUrl=”~/img/nan.jpg” “168px” /><br />
            修改作者名:<br />
             <asp:TextBox ID=”TextBox1″
runat=”server”></asp:TextBox>
            <asp:Button ID=”Button1″ runat=”server”
OnClick=”Button1_Click” Text=”提交”
/></asp:Panel><cc1:HoverMenuExtender ID=”HoverMenuExtender1″
runat=”server” OffsetX=”10″ OffsetY=”10″ PopDelay=”1000″
PopupControlID=”Panel1″ PopupPosition=”Right”
TargetControlID=”Label1″>
            </cc1:HoverMenuExtender>
            </ContentTemplate>
        </asp:UpdatePanel>

                WatermarkText=”请输入网址”
WatermarkCssClass=”watermarked”>

aspx页面:

                    </ContentTemplate>

◆OffsetX/OffsetY—目标控件和弹出框之间的像素偏移量;

PopupControlExtender是一个可以控制Popup载体的组件,它本身并不会产生Popup控件,它的作用是控制Popup载体,例如panel,div等的显示、消失并获得Popup载体中控件的返回值,返回到目标控件中去。下面我们一齐来学习一下PopupControlExtender的使用方法。

ASP.NET快速入门系列视频讲座

                            <td
style=”width:
100px”>

做法:

                </cc1:PagingBulletedListExtender>

◆HoverCssClass—当弹出框可见时要应用到其上的CSS类;

                    <asp:Label ID=”Label1″
runat=”server” Text=”Label”></asp:Label><br />

张孝祥java视频系列教程

   
public
string[]
GetCompleteList(string
prefixText, int
count) {

 

                        TargetControlID=”Button1″>

3.放一个HoverMenuExtender控件,并设置属性。

                    </asp:UpdatePanel>

 

                    <cc1:NumericUpDownExtender ID=”NumericUpDownExtender3″ runat=”server” TargetControlID=”TextBox1″

2.拖放一个panel,在里面放上要现实的内容。

5.
AlwaysVisibleControlExtender控件

编程少年基地

                               
自定义:</td>

◆PopDelay—当鼠标移开目标控件时弹出框在屏幕上滞留的时间。

第二步:配置PopupControlExtender

◆TargetControlID—HoverMenuExtender相应目的控件;

            网址:<asp:TextBox ID=”TextBox1″
runat=”server” CssClass=”unwatermarded”></asp:TextBox><br />

最新推出:

                            <asp:Button ID=”Button2″
runat=”server” OnClick=”Button2_Click” Text=”确定”
/>

提供代码测试、视频培训等功能

具体设置代码如下: 

永利澳门游戏网站 2

注意:UpdatePannel一定要放在Panel里面,否则运行一次之后会发生JS异常。另外一定要将RadioButtonList的AutoPostBack属性设为True,否则就没有响应了。如下所示:

效果图:永利澳门游戏网站 3永利澳门游戏网站 4永利澳门游戏网站 5

2.
TabContainer**控件和TabPanel控件的使用方法**

eg:

                        <br
/><br />视频在线<br /><br />

//如果想要无刷新的改变的话,可以将这些控件都放到updatapanel控件中

<ajaxToolkit:PopupControlExtender
ID=”PopupControlExtender1″
TargetControlID=”TextBox1″
PopupControlID=”Panel1″
CommitScript=”e.value;”
Position=”Bottom”
CommitProperty=”value”
runat=”server”>

◆PopupControlID—当鼠标在目的控件上移动时要显示的控件;

        </cc1:MutuallyExclusiveCheckBoxExtender>

 

                                <asp:TextBox ID=”TextBox2″
runat=”server” Width=”100px”>10</asp:TextBox></td>

       cs页面:

            <br
/>

————————————————————

        <cc1:DragPanelExtender ID=”DragPanelExtender1″ runat=”server” TargetControlID=”Panel1″>  

更多的教程不用下载直接在线观看

                                <asp:Image ID=”Image2″
runat=”server” ImageUrl=”~up.gif” /></td>

控件名:HoverMenuExtender
用途即效果:做一个当鼠标经过web控件时动态的现实一些内容的效果。
属性:

                        <ContentTemplate>

 

要使用AutoCompleteExtender,我们要通过WebService传递数据。在解决方案资源管理器单击项目-〉添加新项-〉Web服务。我在这里使用了默认的名称,大家有需要自己改吧。

◆PopupPosition—相对于目标控件要显示的弹出位置,可能的取值有:left,right,top,bottom或center;

                            <td
style=”width:
316px”>


                <asp:BulletedList ID=”BulletedList1″ runat=”server”>

http://www.bcsnjd.cn

                            <td
style=”width:
271px”>

protected void Button1_Click(object sender, EventArgs e)
    {
        if (TextBox1.Text != “”)
        {
            Label1.Text = TextBox1.Text;
        }
    }

本章主要介绍了PopupControlExtender的使用方法。从这个例子可以看出PopupControlExtender还有很多使用方法,而Popup载体也是多样的,大家可以根据这个例子的思路发散出去,发掘出PopupControlExtender更多的用法。

永利澳门游戏网站 6

本例子只需要一个TextBox控件和一个AutoCompleteExtender组件。拖进设计界面后代码如下所示:

///<summary>

 


3.
NumericUpDownExtender控件

 

                    <asp:UpdatePanel ID=”UpdatePanel2″ runat=”server”>

<asp:ScriptManager
ID=”ScriptManager2″ runat=”server”>

{

第一步:建立AJAX
Control Toolkit Web Site

                    <asp:ListItem>林忆莲</asp:ListItem>

        <cc1:MutuallyExclusiveCheckBoxExtender ID=”MutuallyExclusiveCheckBoxExtender1″ runat=”server”

                    <table
style=”width:
291px; height: 151px”>

                TextStrengthDescriptions=”弱;一般;中;强”>

                        <tr>

                            <br
/>

yW t[‑]{9V Uz
a W
                    TargetControlID:该扩展器目标TextBox控件的ID,即将要被“升级”模拟为NumericUpDown的TextBox的ID爱好者博墅&pu

       
return
list.ToArray();

第一步:建立AJAX
Control Toolkit Website

            </cc1:MutuallyExclusiveCheckBoxExtender>

            <asp:TextBox ID=”TextBox1″
runat=”server”></asp:TextBox><br />

                </cc1:TabPanel>

         <asp:CheckBox ID=”CheckBox2″ runat=”server” Text=”B”
/><br />

                        TargetButtonUpID=”Image2″ TargetControlID=”TextBox2″ Width=”100″>

            Key=”QQ”
TargetControlID=”CheckBox2″>

 

             </div>

                  <ContentTemplate>

PasswordStrength控件是用来提示用户输入密码的情况,用户在密码框中输入密码时,在文本框的后面会有一个提示,显示密码的强度,这种提示有两种方式:文本和进度条,提示信息的位置也可以由我们来自己设置,样式可以写CSS来定义。当密码框失去焦点时提示信息会自动消失。此控件还有
preFixTexts属性(用来显示提示信息的前缀)和TextStrengthDescriptions(密码强度的提示信息的内容,如弱,强)属性,但是这两个控件的设置只有在StrengthIndicatorType属性设置成Text时才有效,设置成进度条样式时看不见前缀和强度提示消息    
 重要属性
TargetControlID:密码框的ID
DisplayPosition:提示信息显示的位置,一共有6个值分别是:RightSide
AboveRight                   AboveLeft LeftSide
BelowRight BelowLeft
StrengthIndicatorType:设置显示的方式,文本或是进度条
       Text:文本方式显示
       BarIndicator:以进度条方式显示

            <br
/>

13.
 PagingBulletedListExtender控件

public
class
WebService
: System.Web.Services.WebService
{

                <cc1:TabPanel ID=”TabPanel1″ runat=”server” HeaderText=”Tab1″>

using
System.Web.Services;

                    </table>

[WebService(Namespace
= “]

12.
FilterTextBoxExtender控件

    FilterTextBoxExtender控件是用来对文本框进行过滤的,让文本框只能对设定的值进行输入。输入类型有Numbers,LowerCaseLetters,UpperCaseLetters和Customer。**

                            <asp:Button ID=”Button1″
runat=”server” OnClick=”Button1_Click” Text=”确定”
/>

                            </td>

本章介绍AutoCompleteExtender的使用方法。用过Google的朋友都会发现,当我们在搜索框输入关键字的时候,Google会自动列出相关关键字提示。那么用Ajax.net也能做到么?答案是:Of
course!

            <asp:Panel ID=”Panel1″
runat=”server” BackColor=”Yellow” Height=”96px”
Width=”288px”>  

   
visibility:hidden;

                            <asp:Label ID=”Label2″
runat=”server” Text=”Label”></asp:Label><br />

        </div>

  BehaviorID:该控件在客户端的标识号。

        </div>**

            <cc1:SliderExtender ID=”SliderExtender1″ runat=”server” BoundControlID=”TextBox1″

                            <WeekendDayStyle BackColor=”#FFFFCC” />

            <br
/>

        <div
style=”text-align:
center”>

                    </cc1:NumericUpDownExtender>

<div>

 
<div
style=”text-align:
center”>

    </asp:ScriptManager>       
<div>

                            <br
/>

                Position=”Bottom” TargetControlID=”TextBox1″>

   
}

</ajaxToolkit:PopupControlExtender>

 </div>**

                <ContentTemplate>

TargetControlID是目标控件ID,这里是TextBox1。CompletionSetCount是指列表列出输入提示的数量。EnableCaching指是否启用缓存,建议启动。MinimumPrefixLength是指输入多少个字符后开始列出输入提示列表。ServicePath是指Web服务的文件名,这里是WebService.asmx。ServiceMethod是指调用Web服务的函数名,这里是GetCompleteList。

                            <SelectedDayStyle BackColor=”#666666″ Font-Bold=”True” ForeColor=”White” />

              <div
style=”width:
288px; height: 150px; border-right: #99ff99 thin solid;
border-top: #99ff99 thin solid;
border-left: #99ff99 thin solid;
border-bottom: #99ff99 thin solid;”>

}

                               
数字一:</td>

                            <DayHeaderStyle BackColor=”#CCCCCC” Font-Bold=”True” Font-Size=”7pt” />

                </ContentTemplate>

                               
数字二:</td>

8.
DropShadowExtender控件

            <asp:Panel ID=”Panel1″
runat=”server” Height=”184px” Width=”171px”>

                        <tr>

<ajaxToolkit:AutoCompleteExtender
ID=”AutoCompleteExtender1″
runat=”server”

首先设置TargetControlID,当然是Panel1了。VerticalSide指垂直停靠位置,大家可以选择Top、Middel或Bottom。HorizontalSide指水平停靠位置,可以选择Left、Center或Right。VerticalOffset是指垂直边距,该属性根据VerticalSide的选择而不同。例如当VerticalSide=Top时,VerticalOffset=50即离浏览器上部边缘50像素;当VerticalSide=Bottom时,VerticalOffset=50即离浏览器底部边缘50像素,大家自己试验一下。HorizontalOffset和VerticalOffset类似,这里不再重复解释了。ScrollEffectDuration指滑动的延迟时间,数值越大滑动得越慢但越平滑,单位是秒。

BMxh0                 –>

        <cc1:MutuallyExclusiveCheckBoxExtender ID=”MutuallyExclusiveCheckBoxExtender2″ runat=”server”

                        </ContentTemplate>

                  <ContentTemplate>

       
char
c1, c2, c3;

 

            <cc1:TabContainer ID=”TabContainer1″ runat=”server” Width=”260px”
Height=”150px”>

                                <asp:Image ID=”Image1″
runat=”server” ImageUrl=”~own.gif” /></td>

                            ForeColor=”Black” Height=”180px” OnSelectionChanged=”Calendar1_SelectionChanged”

6.
ConfirmButtonExtender弹出确认框

            <cc1:PopupControlExtender ID=”PopupControlExtender1″ runat=”server” PopupControlID=”Panel1″

            </cc1:SliderExtender>

            </cc1:TabContainer> <br
/>

                <br
/>

                            <NextPrevStyle VerticalAlign=”Bottom” />

       
if
(count == 0)

<asp:TextBox
ID=”TextBox1″
runat=”server”></asp:TextBox>

第三步:编写常规代码

                    <cc1:ConfirmButtonExtender ID=”ConfirmButtonExtender1″ runat=”server” ConfirmText=”请记住我们的域名”

                           
<asp:ListItem
Text=”东莞市”></asp:ListItem>

OK!运行,效果如下所示:

                            <TitleStyle BackColor=”#999999″ BorderColor=”Black” Font-Bold=”True” />

   
border-color:#000;

 

      

7
MutuallyExclusiveCheckBox控件

   
    MinimumPrefixLength=”3″

 

       
//InitializeComponent();

            <br
/>

            <cc1:TextBoxWatermarkExtender ID=”TextBoxWatermarkExtender1″ runat=”server” TargetControlID=”TextBox1″

3.TrackPosition,要設成true,否則陰影不會跟著panal跑,底下範例結合拖拉panal,大家可以試試,若TrackPosition沒有設成true,在拖拉panal時,陰影是不會跟著動的。

    
RadioButtonList1.ClearSelection();

        </div>

   
font-size:12px;

                            <td
style=”width:
184px”>

           
</asp:Panel>

10.
PopupControlExtender控件

            </asp:UpdatePanel>

 

注意:加亮部分大家要自行添加。[System.Web.Script.Services.ScriptService]一定要加,它告诉.net
runtime这个WebService被允许从客户端调用。另外System.Collections.Generic是List的命名空间,List可以理解成物件或类别的集合,我们可以根据特殊条件在List里找到我们所需要的值,是.net
2.0新增加的类。该函数的意思是产生三个随机字母,自动添加在输入字符串的后面。另外prefixText和count这两个参数名称要严格遵守拼写格式,原因以前已经介绍过了。

<div>

            <br
/>

                    <ContentTemplate>

                            <asp:Label ID=”Label1″
runat=”server” Text=”Label”></asp:Label><br />

   
public
WebService () {

<ajaxToolkit:AutoCompleteExtender
ID=”AutoCompleteExtender1″
runat=”server”>

               
</asp:UpdatePanel>

                        </tr>

///</summary>

                    <asp:ListItem>林志颖</asp:ListItem>

            </cc1:TextBoxWatermarkExtender>

       
for
(int
i = 1; i <= count; i++)

例子1

9.       TextBoxWatermarkExtender用于对TextBox添加水印效果。当焦点置于textbox中时文字消失 焦点离开时又出现(效果如下)

            </cc1:PopupControlExtender> </div>**


 

            <asp:UpdatePanel ID=”UpdatePanel1″ runat=”server”>

                    <cc1:NumericUpDownExtender ID=”NumericUpDownExtender1″ runat=”server” RefValues=”周一;周二;周三;周四;周五;周六;周日”

 

                    <cc1:NumericUpDownExtender ID=”NumericUpDownExtender2″ runat=”server” TargetButtonDownID=”Image1″

                                <asp:TextBox ID=”TextBox3″
runat=”server” Width=”100px”>周一</asp:TextBox></td>

            </cc1:PasswordStrength>

                    </cc1:ConfirmButtonExtender>

                   
<ContentTemplate>

       
List<String>
list = new
List<string>(count);

发表评论

电子邮件地址不会被公开。 必填项已用*标注