IT工程師數位筆記本

接著來，也是剛剛遇到的

1. panel怎么進行收縮
   

    collapsible: true, 

   這會panel就會出現這個
   
   
   點這個就可以收縮了

2. panel怎么隨便拉伸，也就是讓那個小黑三角出現
   

   split: true,

   效果如下：

   
3. 怎么添加日歷顯示
   

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

   效果如下：
    

4. 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"
   設定先顯示低解析度的圖片，若加入的是一張很大的圖片，下載要很長的時間，這張低解析度的圖片會先被顯示以免瀏覽者失去興趣，通常是原圖的黑白版本。

    

5. 怎樣調試Extjs，這個有點大哈，其實就是把你想要查看的數據輸出到控制臺，比如火狐的、谷歌的
   

    console.log(tab, id);

   tab，id都是你想要查看的數據，這里可以查看詳細信息，比用alert強多了，這個非常簡單，但是好多新手都不知道有這個東東，我也是剛知道，所以就和大家分享下

   非常實用
6. 如何隱藏gridpanel的邊框線，為了界面銜接的更好，我們需要把它的邊框隱藏掉：
   

   border: false, //grid的邊界 

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