半岛外围网上直营

引子

前一段时间发了一篇文章，这个东东也算是我拿ExtAspNet做的第一个小应用。还是有一些应用方面的技巧，接下来的几篇文章就和大家分享一下。


Ext4JSLint是使用来展示的结果。
JSLint-Toolkit是一个使用Rhino和JSLint的小项目，可以对一个文件夹中的所有JavaScript进行语法检查，并显示友好的检查结果。
我曾写了来介绍。


界面截图




整体来看，整个页面被分成四个部分：

• 上面的标题栏，以及工具栏
• 左侧的树形菜单，显示有哪些JavaScript文件
• 中间的Table，显示某一个JavaScript文件中找到的错误列表
• 右侧的IFrame，用来显示JavaScript源代码

ASPX标签定义

经过前几篇文章对的介绍，相信大家对这段ASPX标签的声明并不陌生。

如果你对这里的标签不熟悉，可以参考这一篇文章：



展开全部与折叠全部

在以上标签声明中，大家应该注意到btnExpandAll和btnCollapseAll两个按钮都定义了属性EnablePostBack="false"，也就是说点击这两个按钮不会产生PostBack事件。

我们需要在客户端使用JavaScript完成这一任务。
---------------慢，你不是号称“No JavaScript”么？
是的，这个任务也完全可以回发页面来更新左侧树，因为整个过程是AJAX的所以用户体验也很好。
我们这里只是提供实现问题的另一个途径，因为不需要服务器交互时，JavaScript实现的效果更好。

来看下JavaScript的定义：

其中onReady函数是ExtAspNet的一个命名约定，以这个名称命名的函数会在页面加载完成后执行，我们可以看到页面源代码中有相关定义：



Ext.getCmp函数是extjs中定义的，用于由节点ID获取此节点表示的extjs组件，同样expandAll和collapseAll是树示例的方法，这也是在extjs中定义的。


ExtAspNet帮帮忙，我不想写JavaScript！

------No Problem!
注：这一小节的内容需要ExtAspNet版本大于 v2.1.1，目前可以从下载最新版本并编译。


 不想写JavaScript，而又想实现在客户端折叠和展开所有树的节点（我可不想因为这个简单的功能来回发页面），好办：

是不是很简单，两句C#代码就把那么长一段JavaScript搞定。

其实这并不神秘，只是ExtAspNet帮你完成了手工写JavaScript代码的任务，看下HTML源代码你就明白了：



下一章将讲述怎么由JSON文件生成左侧树控件。