接著來，也是剛剛遇到的

1. panel怎麼進行收縮 這會panel就會出現這個

點這個就可以收縮了

 collapsible: true, 

1. panel怎麼隨便拉伸，也就是讓那個小黑三角出現 效果如下：

split: true,

1. 怎麼新增日曆顯示 效果如下：

var panel = new Ext.Panel({  
            header : true,  
            title:'日曆',  
            frame:true,//渲染面板  
            collapsible : true,//允許展開和收縮  
            autoHeight : true,//自動高度  
            width : 189,//固定寬度  
            applyTo :'panel',  
            items: new Ext.DatePicker()//向面板中新增一個日期元件  
        })  
 

1. HTML中Img的一般引數設定 ,其實這個和這些沒有關係，只是在專案中我有一個小的logo，我採用拉伸模式，讓他適應我的專案需要需要，在網上查了下，img本身就可以實現，所以在這裡詳細介紹下img： 例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif"> src="logo.gif" 圖片來源，接受 .gif, .jpg 及 .png 格式，若圖片檔與該 html 檔同處一目錄則只需寫上檔案名稱，否則 必須加上正確的路徑，相對或絕對均可。 width=100 height=100 設定圖片大小，此寬度及高度一般採用 pixels 作單位。通常只設為圖片的真實 大小，以免失真，若需要改圖片大小最好使用影象編輯工具。 hspace=5 vspace=5 設定圖片邊沿空白，以免文字或其它圖片貼近。hspace 是設定圖片左右的空間， 是設定圖片上下的空間，高度採用 pixels 作單位。 border=2 圖片邊框厚度。 align="top" 調整圖片旁邊文字的位置，你可以控制文字出現在圖片的偏上方、中間、底部、 左右等，可選值：top, middle, bottom, left, right，內定為 botom。Netscape 還支援 texttop, baseline, absmiddle, absbottom， texttop 表示圖片和文字依頂線對齊， baseline 表示圖片對齊到目前文字行底線值， absmiddle 表示圖片對齊到目前文字行絕對中央， absbottom 表示圖片對齊到目前文字行絕對底部，（絕對底部是指它考慮到比如 y 、g、q 等字的下邊）。 alt="Logo of PenPal Garden" 這是用以描述該圖形的文字，若使用文字瀏覽器，由於不支援圖片，這些文字 將會代替圖片被顯示。若支援圖片的瀏覽器，當滑鼠移至圖片上該文字也會顯示。 lowsrc="pre_logo.gif" 設定先顯示低解析度的圖片，若加入的是一張很大的圖片，下載要很長的時間，這張低解析度的圖片會先被顯示以免瀏覽者失去興趣，通常是原圖的黑白版本。
2. 怎樣除錯Extjs，這個有點大哈，其實就是把你想要檢視的資料輸出到控制檯，比如火狐的、谷歌的 tab，id都是你想要檢視的資料，這裡可以檢視詳細資訊，比用alert強多了，這個非常簡單，但是好多新手都不知道有這個東東，我也是剛知道，所以就和大家分享下 非常實用

 console.log(tab, id);

1. 如何隱藏gridpanel的邊框線，為了介面銜接的更好，我們需要把它的邊框隱藏掉： 不去邊框的

去掉邊框的

看看，是不是效果好了很多。我會繼續更新，未完待續……

border: false, //grid的邊界