Ajax控件介紹 1
Ajax控件介紹
1. Accordion
【功能概述】Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个CollapsiblePanel.Accordion控件内部包含了若干个AccordionPane，每一个AccordionPane的template里包括了对其Header和Content的定义。我们可以在后台代码中通过SelectedIndex属性取得当前展开的哪一个Panel，还可以控制哪一个Panel展开。
经常可以见到类似的效果，比如QQ、Msn好友分类的折叠效果。
【细节】
(1)不要把Accordion放在Table中而又把 FadeTransitions 设置为True，这将引起布局混乱
(2) 在AccordionPane模板中的Content中可以定义任何Web元素，表现的就像一个容器
(3) AccordionPane内容模板自动改变大小有三种AutoSize modes ：None(推荐) Limit Fill
(4) $find('ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender')这里找到的是Behavior.什么是Behavior呢？在Asp.net Ajax框架中包含一组动作并完成一个功能. Accordion的一个Behavior就是淡入淡出.
找到Behavior的引用，behavior.set_FadeTransitions() behavior.get_FadeTransitions()的方式来实现具体某一个Behavior的访问和修改.
var behavior = $find('ctl00_SampleContent_MyAccordion_AccordionExtender');这种写法是不好的，我们在自动测试的页面中发现了更好的写法： var behavior=$find("<%= MyAccordion.ClientID %>_AccordionExtender");
【代码示意】
<script language="javascript" type="text/javascript">
function toggleFade()
{
var behavior = $find('ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender');
if (behavior)
{
behavior.set_FadeTransitions(!behavior.get_FadeTransitions());
}
}
function changeAutoSize()
{
var behavior = $find('ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender');
var ctrl = $get('autosize'); //这里找的是下拉列表控件,不是Behavior
if (behavior)
{
var size = 'None'; // 这里顺便看看怎么使用Select
switch (ctrl.selectedIndex) {
相关文档：
本教程创建使用 ASP.NET 的 AJAX 功能的基本示例应用程序。您可以了解到有关 ASP.NET 的 AJAX 功能的更多信息，将知道这些功能旨在解决哪些技术问题，以及以下介绍性文档将涉及哪些重要的 AJAX 组件：
·ASP.NET AJAX Overview
·添加 AJAX 和客户端功能
在本教程中，您将 ......
qooxdoo是一个自由免费的Ajax GUI框架，现在它的1.0版本提供了下载。 qooxdoo的发音为 ['ku:ksdu:],，它提供了使用JavaScript实现几乎所有，建立类桌面Web应用程序所需的用户界面。根据开发者HTML， CSS或 DOM知识不是必需的。这个架构可以运行在所有主流的浏览器上，例如：Internet Explorer, Firefox, Safari, Opera和Chr ......
在 ASP .NET 的 AJAX 控件中 TabContainer 的 CSS 样式的编写具有一定的格式规范及命名规则，如下图：
具体的 CSS 样式的编写为：
.ajax_tab_menu .ajax__tab_header /*整体按钮底样式*/
{
font-family:宋体;
height:29px;
font-size:12px;
background:#181c1f repeat-x bottom;
}
.ajax_tab_menu .ajax__tab ......
一个ajax请求一个jsp文件，操作成功,jsp文件out.println("1");但是每次成功后xmlHttp.responseText=='1'总是为false，
用encodeURIComponent看xmlHttp.responseText，发现最后多了%0A%0D，百度一下 用来是换行，
jsp文件中的out.println……把ln去掉再次比较 成功 = =� ......
如何在客户端直接调用WebService中的方法？
这里结合经验自己写一写
1.首先新建一个 ASP.NET AJAX-Enabled Web Site,这样系统为我们自动配置好了环境，这主要体现在Web.config这个文件上，如果已有网站不是ASP.NET AJAX-Enabled Web Site也可以对照修改下Web.config，也可以达到相同的效果。
2.新建一个web服务，WebSer ......
