引子

前一段時間發了一篇文章，這個東東也算是我拿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文件生成左側樹控件。