老鼠Atlas之旅(八):Hands-On Lab 4第四个实验,Atlas服务器控件自动完成
2005-11-08 10:02
411 查看
我们和前面三个实验一样先创建个conten页。游击Default.master,选add content page.且命名为ServerAutocomplete.aspx.我们依然要去掉那ContentPlaceHolderID值不是Main的<asp:content>元素,也在<%@ Page指令行写Title属性为实验4。我们在<asp:content>元素里面写如下代码:
<form id="Form1" runat="server">
<div>
<div id="content">
<h3>AutoComplete server control</h3>
<p>This file contains a server-side Atlas AutoComplete.</p>
</div>
</div>
</form>
我们保存下页面,现在我们开始添加一个服务器控件并且设置他的自动完成属性。
首先我们在<form>标记的后面添加个"Atlas" ScriptManager控件。如下所式:
<form>
<atlas:ScriptManager id="AtlasPage1" runat="server" />
<atlas:ScriptManager是一个Atlas服务器端控件,每个包含Atlas服务器控件的页面里必须有且只能够有一个ScriptManager服务器控件,他用来管理页面上的其他的Atlas服务器控件!
在<p>标记后面,添加个atlas服务器端textbox控件。
<atlas:TextBox id="searchBox" runat="server" />
注意,这是一个普通的服务器控件,他拥有普通服务器控件的属性和特性。编辑器也能够自动感知所有的atlas服务器控件。
我们再设置下他的属性,当然我们也可以根据编辑器的自动感知功能写代码,也可以切换到设计视图来设置他的属性,写好的atlas服务器代码如下:
<atlas:TextBox id="searchBox" runat="server"
AutoCompletionServiceUrl="AutoCompleteService.asmx"
AutoCompletionServiceMethod="GetWordList" />
这个aspx页面完全写好的代码如下:
<%@ Page Language="C#" MasterPageFile="~/Default.master" Title="实验4" %>
<asp:Content ID="Content3" ContentPlaceHolderID="Main" Runat="Server">
<form id="Form1" runat="server">
<atlas:ScriptManager ID="AtlasPage1" runat=server />
<div>
<div id="content">
<h3>AutoComplete server control</h3>
<p>This file contains a server-side Atlas AutoComplete.</p>
<atlas:TextBox ID="searchBox" runat=server AutoCompletionServiceUrl="AutocompleteService.asmx" AutoCompletionServiceMethod="GetWordList" />
</div>
</div>
</form>
</asp:Content>
好拉
我们现在把他设置成妻室页,按F5运行,看看结果吧!!
<form id="Form1" runat="server">
<div>
<div id="content">
<h3>AutoComplete server control</h3>
<p>This file contains a server-side Atlas AutoComplete.</p>
</div>
</div>
</form>
我们保存下页面,现在我们开始添加一个服务器控件并且设置他的自动完成属性。
首先我们在<form>标记的后面添加个"Atlas" ScriptManager控件。如下所式:
<form>
<atlas:ScriptManager id="AtlasPage1" runat="server" />
<atlas:ScriptManager是一个Atlas服务器端控件,每个包含Atlas服务器控件的页面里必须有且只能够有一个ScriptManager服务器控件,他用来管理页面上的其他的Atlas服务器控件!
在<p>标记后面,添加个atlas服务器端textbox控件。
<atlas:TextBox id="searchBox" runat="server" />
注意,这是一个普通的服务器控件,他拥有普通服务器控件的属性和特性。编辑器也能够自动感知所有的atlas服务器控件。
我们再设置下他的属性,当然我们也可以根据编辑器的自动感知功能写代码,也可以切换到设计视图来设置他的属性,写好的atlas服务器代码如下:
<atlas:TextBox id="searchBox" runat="server"
AutoCompletionServiceUrl="AutoCompleteService.asmx"
AutoCompletionServiceMethod="GetWordList" />
这个aspx页面完全写好的代码如下:
<%@ Page Language="C#" MasterPageFile="~/Default.master" Title="实验4" %>
<asp:Content ID="Content3" ContentPlaceHolderID="Main" Runat="Server">
<form id="Form1" runat="server">
<atlas:ScriptManager ID="AtlasPage1" runat=server />
<div>
<div id="content">
<h3>AutoComplete server control</h3>
<p>This file contains a server-side Atlas AutoComplete.</p>
<atlas:TextBox ID="searchBox" runat=server AutoCompletionServiceUrl="AutocompleteService.asmx" AutoCompletionServiceMethod="GetWordList" />
</div>
</div>
</form>
</asp:Content>
好拉
我们现在把他设置成妻室页,按F5运行,看看结果吧!!
相关文章推荐
- 老鼠Atlas之旅(七):Hands-On Lab 3第三个实验,用Atlas创建个自动完成的textbox
- 老鼠Atlas之旅(九):Hands-On Lab 5第五个实验,使用数据绑定和模板创建个Atlas应用程序
- 老鼠Atlas之旅(六):Hands-On Lab 2第二个实验,使用atlas宣告块调用web服务
- 老鼠Atlas之旅(五):Atlas Hands-On-Lab 1,第一个实验
- 了不起的Kaneboy发布了用户控件包装器的Hands-On-Lab!
- Kaneboy的用户控件包装器Hands-On-Lab更新咯!
- 最近做的一个类似Google自动完成的服务器控件
- Unity Application Block Hands-on Lab for Enter-Lib 5.0:Lab 2-Using the Configuration API[Translation]
- Enterprise Library 2.0 Hands On Lab 翻译(2):数据访问程序块(二)
- Enterprise Library 2.0 Hands On Lab 翻译(4):日志应用程序块(一)
- Enterprise Library 2.0 Hands On Lab 翻译(7):异常应用程序块(一)
- Enterprise Library 2.0 Hands On Lab 翻译(9):缓存应用程序块(一)
- Enterprise Library 2.0 Hands On Lab 翻译(12):安全应用程序块(一)
- jQuery的Ajax的自动完成功能控件
- Enterprise Library 2.0 Hands On Lab 翻译(13):安全应用程序块(二)
- Enterprise Library 2.0 Hands On Lab 翻译(15):加密应用程序块(二)
- WinForm 自动完成控件实例代码简析
- 关于服务器控件的“onchange不是元素xxx的有效特性”
- Android基础组件(一)自动完成控件AutoCompleteTextView
- Enterprise Libary 2 Hands-on-Lab 发布了