ASP.NET 3.5 AJAX开发范例精讲精析,客户端篇:VB版

chapter 01 酷炫效果营造者，探讨ajax control toolkit（上）. 1

1-1 如何将ajax control toolkit控件添加到visual studio 2008的工具箱 2

1-2 如何添加ajax control toolkit控件与扩展器的命名空间（namespace） 6

1-3 探讨控件与扩展器 8

1-4 既生瑜何生亮——为什么需改用toolkitscriptmanager 9

1-5 探讨可折叠面板（accordionpane）与可折叠控件（accordion） 13

页面范例1 如何使用“可折叠（accordion）控件”展开或收缩内容 17

页面范例2 在问卷中，使用可折叠控件以避免版面过长 21

页面范例3 示范使用可折叠的数据绑定功能，动态绘制柱形图 22

页面范例4 将可折叠控件绑定到objectdatasource，通过web服务访问xml格式的留言数据文件 23

页面范例5 使用lingdatasource作为可折叠的数据源，并搭配多种control toolkit 24

页面范例6 使用javascript为“可折叠（accordion）控件”加上新属性，使其看起来如同“可收缩面板（collapsiblepanel）” 26

1-6 形影不离（alwaysvisiblecontrol） 28

页面范例1 如何使用“形影不离”（alwaysvisiblecontrol）扩展器显示服务器状态 30

页面范例2 使用“形影不离”（alwaysvisiblecontrol）扩展器显示标题 33

1-7 动画集锦（animationextender） 34

1-7-1 使用xml声明语法设置动画集锦 34

页面范例 如何使用“动画集锦”（animationextender）扩展器制作“淡出”（faceout）效果 39

1-7-2 同时或顺序播放动画 40

页面范例1 如何使用与标签组合出不同的动画效果 41

.页面范例2 先使用标签，然后再使用标签来产生复合式的“爆炸”动画效果 42

1-7-3 结合“动作”的动画 45

页面范例1 结合“动作”的动画 46

页面范例2 实现“自动输入完成”来查询书籍资料，并播放“动画”以显示相关信息 49

1-8 自动输入完成（autocompleteextender） 55

页面范例1 实现姓名与地址数据的自动输入完成 60

页面范例2 自动输入完成调用page method，可输入多个词，并已加入动画与额外的效果 65

页面范例3 使用javascript为自动输入完成添加相关事件处理程序 68

1-9 日历扩展器（calendarextender） 72

页面范例1 探讨“日历”扩展器的使用模式 75

页面范例2 示范“日历”扩展器来编辑日期类型字段 77

页面范例3 通过javascript来指定日历扩展器的默认日期并改变默认显示模式为年份 78

页面范例4 仅用一个日历扩展器在多个日期字段中 80

1-10 级联下拉菜单（cascadingdropdown） 81

页面范例1 使用“级联下拉菜单”（cascadingdropdown）查询订单内容 84

页面范例2 邮政编码选择界面…完全真实数据！！！ 89

页面范例3 整合使用silverlight与“级联下拉菜单” 92

1-11 可收缩面板（collapsiblepanel） 93

页面范例1 示范使用“可收缩面板”来收缩或展开详细内容 96

页面范例2 示范使用“可收缩面板”制作书籍目录 96

页面范例3 示范使用“可收缩面板”展开与收缩统计图 98

页面范例4 示范如何使用水平式可收缩面板 98

页面范例5 在可折叠控件内使用水平式可收缩面板 100

页面范例6 在listview控件中，使用gridview控件搭配可收缩面板来显示分组后的详细结果 100

1-12 确认按钮（confirmbutton） 102

页面范例1 示范使用“确认按钮”（confirmbutton）再次确认是否执行特定功能 103

页面范例2 在确认按钮中，使用强制弹出框代替确认对话框 105

1-13 拖曳面板（dragpanel） 106

页面范例1 示范使用“拖曳面板”（dragpanel） 107

页面范例2 在拖曳面板中，新建或修改数据 108

1-14 下拉菜单（dropdown） 110

页面范例 创建具备windows? sharepoint? server风格的动态下拉菜单 113

1-15 阴影面板（dropshadow） 115

页面范例 使用“阴影面板”（dropshadow）让页面画面更专业 116

1-16 动态填充（dynamicpopulateextender） 117

页面范例1 使用“动态填充”（dynamicpopulate）由web服务获取并显示实时天气现况 119

页面范例2 使用页面方法（page method）搭配“动态填充”扩展器读取rss文章 122

页面范例3 在动态填充扩展器中，使用页面方法随机显示影片内容 125

1-17 文本框过滤器（filteredtextbox） 128

页面范例1 使用文本框过滤器（filteredtextbox）——简易计算器 129

页面范例2 如何使用文本框过滤器（filteredtextbox）检查所输入的个人资料是否合法 132

1-18 停靠菜单（hovermenu） 134

页面范例1 使用停靠菜单（hovermenu）来编辑与删除员工数据 136

页面范例2 使用停靠菜单（hovermenu）显示存储于数据库的产品照片 141

页面范例3 示范在文本框中，使用停靠菜单显示选项按钮列表 143

页面范例4 使用停靠菜单动态调用web服务来显示某支股票图线 144

1-19 列表搜索（listsearch） 146

页面范例1 使用listsearchextender查询邮政编码所在的县市 148

页面范例2 使用“列表搜索（listsearch）”快速找到特定的选项 148

页面范例3 如何在列表项目中使用listsearch搜索中文字 150

chapter 02 酷炫效果营造者，探讨ajax control toolkit（下） 153

2-1 探讨输入掩码（maskededit）与输入掩码验证器（maskededitvalidator） 154

页面范例 示范如何在detailsview中，使用“输入掩码”与“输入掩码验证器” 162

2-2 强制弹出（modalpopup） 164

页面范例1 使用“强制弹出（modalpopup）”控件提供更改样式的弹出菜单 167

页面范例2 使用强制弹出显示相片信息 169

页面范例3 如何处理持有多个“取消”按钮的强制弹出 170

页面范例4 使用modalpopup代替javascript的confirm函数以便单击“确认”按钮更新数据 171

页面范例5 强制弹出调用页面方法显示股票交易价格 174

页面范例6 使用强制弹出显示与编辑主从式数据 177

页面范例7 让强制弹出具备按下esc键关闭对话框的功能 180

页面范例8 以动画方式显示强制弹出的内容 184

2-3 互斥选取框（mutuallyexclcusivecheckbox） 187

页面范例 使用“互斥选取框（mutuallyexclcusivecheckbox）”进行问卷调查 187

2-4 拒绝机器人行为（nobot） 190

页面范例1 如何使用基本的拒绝机器人行为 193

页面范例2 在“拒绝机器人行为”控件中，利用javascript进行检测 194

页面范例3 在留言板中，为拒绝机器人行为添加dom来避免刷屏 197

2-5 数值调整器（numericupdown） 201

页面范例1 示范在gridview中使用“数值调整器”来编辑字段值 203

页面范例2 示范如何为“数值调整器”动态添加枚举值 205

页面范例3 调用web服务来取得递增与递减值 206

2-6 分页项目符号列表（pagingbulletedlist） 207

页面范例1 示范如何使用分页项目符号列表 209

页面范例2 使用javascript控制分页项目符号列表 209

2-7 密码强度（passwordstrength） 212

页面范例 示范如何使用“密码强度”扩展器 216

2-8 弹出控件（popupcontrol） 217

页面范例1 示范在gridview控件使用“弹出式控件” 220

页面范例2 示范在gridview控件使用“弹出控件” 223

页面范例3 使用弹出式控件调用页面方法模拟停靠菜单的效果 226

2-9 评级（rating） 230

页面范例1 示范如何使用“评级”控件 231

页面范例2 善用评级控件的客户端回调事件 233

页面范例3 如何避免按下评级控件页面自动往上滚动 237

2-10 顺序重排列表（reorderlist） 240

页面范例 待办事项，可自行拖曳事项决定优先次序 243

2-11 可调整大小扩展器（resizablecontrol） 246

页面范例1 示范如何使用“可调整大小控件” 248

页面范例2 示范如何使用“可调整大小控件”来随意调整gridview控件中的柱形图 249

2-12 圆角（roundedcorners） 251

页面范例1 示范在异步相簿中，使用“圆角”扩展器 252

页面范例2 示范使用圆角扩展器的客户端属性 252

页面范例3 使用滑块扩展器来调整圆角的半径 253

2-13 滑块（slider） 254

页面范例1 使用滑块查看字体中的字符 257

页面范例2 使用滑块来调整图片的高度与宽度：由服务器端控制 258

页面范例3 使用滑块来调整图片的高度与宽度：通过javascript 259

2-14 相簿播放（slideshow） 260

页面范例1 相簿播放器使用示范（逐一指定相片来源） 263

页面范例2 “相簿播放”扩展器使用示范（由文件夹取得相片来源） 264

页面范例3 自选播放的相簿（可设置循环播放与播放速度） 266

页面范例4 为相簿加上动画效果 271

2-15 索引标签（tabs） 275

页面范例1 示范如何使用索引标签（tab） 279

页面范例2 在索引标签中，使用主从式（master/detail）编辑模式 282

页面范例3 在第一次选择特定“索引标签”时，才动态加载“索引标签”的内容 285

页面范例4 动态创建索引标签（内容由web服务返回） 290

2-16 水印文本框（textboxwatermark） 292

页面范例1 使用javascript检查水印文本框的输入内容 293

页面范例2 “水印文本框”扩展器使用示范 295

2-17 双态按钮（togglebutton） 296

页面范例 双态按钮(togglebutton)使用示范 297

2-18 更新面板的动画效果（updatepanelanimation） 298

页面范例1 示范如何使用“更新面板动画效果”扩展器赋予updatepanel动画效果 299

页面范例2 示范如何使用“更新面板动画效果”扩展器赋予相簿淡入效果 299

页面范例3 为gridview控件注入更新面板动画效果 301

页面范例4 制作类似gmail载入中的动画效果 304

2-19 外显型对话框验证器（validatorcallout）.. 307

页面范例 示范如何使用“外显型对话框验证器” 309

chapter 03 如何在asp.net页面中使用javascript 313

3-1 asp.net 3.5的javascript功能综述 314

3-2 如何将javascript包含在页面中 315

3-3 以脚本块的形式来包含javascript 315

页面范例1 javascript数字时钟 315

页面范例2 在浏览器的状态栏中显示javascript数字时钟 317

页面范例3 示范使用javascript重定向网页 318

3-4 引用存储在.js文件中的javascript 319

页面范例 使用javascript制作跑马灯 320

3-5 使用clientscriptmanager类动态创建javascript 321

页面范例 示范使用clientscriptmanager对象动态加入javascript 323

3-6 如何使用scriptmanager对象来引用javascript—非常重要 326

3-6-1 以声明方式引用独立存在的.js文件 326

页面范例 示范引用独立存在的animation.js与timer.js来播放动画 326

3-6-2 以声明方式引用嵌入组件中的 .js 文件 329

页面范例 示范引用ajaxcontroltoolkit.dll组件中的animation.js与timer.js来播放动画 330

3-6-3 以程控方式动态引用javascript 330

页面范例1 示范使用scriptmanager控件动态引用独立存在的javascript文件 331

页面范例2 示范使用scriptmanager.registerclientscriptinclude方法动态引用独立存在的javascript文件 334

页面范例3 示范使用scriptmanager控件动态引用独立存在的javascript文件 335

页面范例4 示范使用scriptmanager控件动态引用嵌入组件中的javascript文件 336

3-7 如何使用服务器控件的客户端事件 337

3-7-1 以声明方式指定客户端事件处理程序 337

页面范例1 示范如何指定鼠标移入、鼠标移出与单击的客户端事件处理程序 338

页面范例2 示范使用客户端事件 onmouseover制作一个简易相簿 341

3-7-2 以编程方式指定客户端事件处理程序 343

页面范例1 示范以编程方式为textbox服务器控件指定客户端事件处理程序 343

页面范例2 示范以编程方式为image服务器控件指定客户端事件处理程序 344

页面范例3 制作鼠标指针移到listview控件的数据行上方时的醒目提示效果 － 重要！！ 350

页面范例4 示范让listview控件的数据行同时具备醒目提示效果与图片变换效果 － 重要！！ 353

3-8 如何在javascript中访问asp.net服务器控件 355

页面范例1 结合javascript与listbox服务器控件的客户端挑选界面 356

页面范例2 异步的可收缩数据分组界面（javascript＋嵌套listview） 359

3-9 探讨客户端javascript与服务器端程序代码的沟通方式—非常重要 363

3-9-1 直接从客户端javascript调用服务器端程序代码 363

3-9-2 如何实现一个客户端回调 364

页面范例 如何实现客户端回调来让页面不需要整个回发 365

3-9-3 使用一个hiddenfield控件来共享数据 368

页面范例 示范使用registerhiddenfield方法与registerarraydeclaration方法 369

3-9-4 使用cookie来共享数据 370

页面范例 客户端javascript与服务器端程序代码如何共享cookie（已解决中文乱码问题） 370

3-9-5 使用异步回发共享数据 374

页面范例1 示范使用scriptmanager控件的registerdataitem方法将自定义数据从服务器传送到客户端 375

页面范例2 如何将gridview中已被更新的数据行顺序编号传送到客户端以便制作动态醒目提示效果 377

3-10 题外话－可以动态创建scriptmanager控件吗 380

页面范例 示范动态添加scriptmanager控件 380

小结 382

chapter 04 探讨javascript的oop扩展功能 383

4-1 面向对象功能综述 384

4-2 使用命名空间与类 386

实现演练 390

页面范例 示范如何使用javascript命名空间与类 394

4-3 如何使用继承 400

页面范例1 示范如何继承javascript类 400

页面范例2 示范如何继承javascript类 402

页面范例3 示范如何操作javascript父类及派生子类 408

页面范例4 示范如何继承ajax control toolkit的动画类 413

页面范例5 示范通过继承ajax control toolkit的动画类为异步滚动缩图相簿添加动态说明效果 416

4-4 如何使用接口 421

页面范例1 示范如何定义与使用javascript接口 422

页面范例2 示范如何使用javascript类继承与接口 426

页面范例3 示范如何使用javascript接口变化类的功能 432

4-5 如何使用枚举 438

页面范例1 示范如何使用javascript枚举 440

页面范例2 示范如何使用javascript类与枚举 442

4-6 如何使用反射 443

页面范例 示范如何使用javascript类与反射 444

4-7 探讨客户端页面生命周期事件 448

4-7-1 探讨重要的客户端类 448

4-7-2 为客户端事件编写事件处理程序 449

4-7-3 如何使用页面的load与unload事件 449

4-7-4 如何使用其他客户端类的事件 449

4-7-5 客户端事件表列 449

4-7-6 客户端事件执行顺序 451

页面范例 具体查看客户端页面生命周期事件引发顺序 453

4-8 探讨array类型扩展 457

4-9 探讨boolean类型扩展 458

4-10 探讨date类型扩展 458

4-11 探讨error类型扩展 459

4-12 探讨number类型扩展 459

4-13 探讨object类型扩展 460

4-14 探讨string类型扩展 460

小结 460

chapter 05 探讨javascript的日期全球化功能 461

5-1 关于区域特征值 462

5-2 使用浏览器语言设置来全球化javascript的日期 462

页面范例 使用浏览器语言设置来全球化javascript的日期 463

5-3 使用web.config设置来全球化javascript的日期 465

5-4 使用页面设置来全球化javascript的日期 466

页面范例 示范使用 @page 指示词来设置页面的区域特征值 466

5-5 使用服务器端程序代码来全球化javascript的日期 467

页面范例 示范重写网页的initializeculture方法来设置页面的区域特征值 467

5-6 javascript日期全球化的优先级 468

chapter 06 探讨如何在客户端用javascript异步调用web服务（.asmx与.svc） 469

6-1 web服务通信层功能综述 470

6-1-1 关于ajax 471

6-1-2 善用json 471

页面范例1 客户端序列化与服务器端反序列化 472

页面范例2 服务器端序列化与客户端反序列化 479

6-1-3 发出http请求 484

页面范例 使用webrequest对象来实现get与post web请求 484

6-2 客户端与服务器间的通信 488

6-2-1 客户端架构 489

6-2-2 服务器架构 490

6-3 客户端类型简介 491

6-4 服务器类型简介 492

6-5 如何将asp.net web服务（.asmx）公开给javascript 492

6-5-1 公开给javascript调用的asp.net web服务需要满足的条件 493

6-5-2 如何在页面中注册javascript调用的web服务 494

页面范例1 使用javascript调用asp.net web服务来执行异步数据库查询 497

页面范例2 使用javascript调用asp.net web服务时的错误处理 501

页面范例3 如何使用http get verb来调用一个asp.net web服务方法 504

页面范例4 使用javascript调用返回xmldocument对象的asp.net web服务方法 506

页面范例5 调用web服务方法与asp.net ajax control toolkit的收缩式异步查询界面 509

页面范例6 示范动态引用asp.net web服务 518

6-6 如何将wcf服务（.svc）公开给javascript 518

6-6-1 公开给javascript调用的wcf服务需要满足的条件 518

6-6-2 如何在页面中注册javascript调用的wcf服务 520

页面范例1 示范使用javascript异步调用wcf服务的方法来取得服务器时间 521

页面范例2 示范使用javascript异步调用wcf服务的方法 523

页面范例3 示范使用javascript异步调用wcf服务的方法来转换华氏与摄氏温度 527

6-7 如何让多个web服务方法共享同一个成功回调函数 531

页面范例 示范利用用户内容与方法名称判断调用者 531

6-8 如何传递与接收复杂类型 534

页面范例1 传递与接收复杂类型的自定义颜色对象 534

页面范例2 传递与接收复杂类型的自定义菜单对象 539

6-9 javascript与web服务之间如何传递泛型集合与数组－非常重要 546

页面范例 示范在javascript与web服务之间传递和取得泛型集合与数组 547

6-10 如何使用javascript调用页面方法（page method） 556

页面范例 结合javascript与页面方法制作一个自动输入完成文本框 556

chapter 07 探讨如何在客户端用javascript异步调用asp.net应用程序服务 573

7-1 如何使用javascript异步调用验证服务 574

7-1-1 探讨login方法 574

7-1-2 探讨logout方法 575

7-1-3 探讨defaultfailedcallback属性 576

7-1-4 探讨defaultlogincompletedcallback属性 577

7-1-5 探讨defaultlogoutcompletedcallback属性 578

7-1-6 探讨isloggedin属性 579

7-1-7 探讨path属性 580

7-1-8 探讨timeout属性 580

7-1-9 探讨验证服务的必要设置 581

页面范例 示范使用javascript异步调用验证服务 583

7-2 如何使用javascript异步调用角色服务 590

页面范例 示范使用javascript异步调用角色服务 593

7-3 如何使用javascript异步调用个性化配置文件服务 594

7-3-1 探讨profileservice类的属性字段 595

7-3-2 探讨profileservice类的load方法 595

7-3-3 探讨profileservice类的save方法 596

7-3-4 探讨profileservice类的defaultfailedcallback属性 596

7-3-5 探讨profileservice类的defaultloadcompletedcallback属性 597

7-3-6 探讨profileservice类的defaultsavecompletedcallback属性 598

7-3-7 探讨profileservice类的path属性 599

7-3-8 探讨profileservice类的timeout属性 600

7-3-9 探讨profilegroup类 600

7-3-10 探讨个性化配置文件服务的必要设置 601

页面范例 调用个性化配置文件服务来取得与设置页面前景颜色和背景颜色 602

小结 612

chapter 08 如何生成具备客户端功能的组件 613

8-1 如何创建自定义客户端dom事件 614

8-1-1 如何将事件处理程序绑定到dom元素事件 614

页面范例 示范如何将事件处理程序绑定到dom元素事件 615

8-1-2 如何创建与删除自定义的事件处理程序 616

8-1-3 如何引发自定义事件 617

8-2 如何创建非可视客户端组件 618

页面范例 示范如何创建和使用非可视客户端组件 618

8-3 如何创建客户端行为 625

8-4 如何创建客户端控件 626

页面范例1 查看客户端控件的执行效果 628

页面范例2 实现具备鼠标移入、移出与单击功能的客户端控件 632

8-5 如何创建扩展器 638

页面范例1 示范如何创建和使用扩展器 641

页面范例2 验证身份证号码的扩展器 645

8-6 如何将扩展器编译成组件 649

8-7 如何创建具备客户端功能的web服务器控件 654

页面范例1 示范如何创建与使用具备客户端功能的web服务器控件 655

页面范例2 示范如何创建与使用具备验证身份证号码客户端功能的web服务器控件 659

页面范例3 示范如何创建和使用显示多个城市日期时间的客户端web服务器控件 660

小结... 669