ExtJs圖片顯示發現問題
來源：程序員人生 發布時間：2013-12-28 09:35:43 閱讀次數：2651次
年底收尾工作，任務也不是很多，空閑時間充裕，好久也沒寫些什么東西了，感覺自己都不存在這個世界里了，技術天天在更新，非要把我們這些搞技術的人學死、累死才行，看來還是要抽空寫寫文章，出去溜溜，娛樂一下，不然整個人都散架啦，現在可要學會工作、休閑兩不誤才行，才能跟上社會腳步~~~
自己在空閑時間學習了 ExtJs 的用法， 利用VS2008做了個例子，頂部為標題，左側是功能樹，右側是頁面顯示框架。但在做的過程中也發現了一個問題，就是左側的 Panel 里的 Items，標題前面添加帶圖片的樣式名稱后，圖片顯示總是凹下去的效果，總感覺有個邊框;在添加 tree 后，也發現展開節點后，節點前面默認的圖片也是凹進去的，解決很久也沒找到解決辦法。
效果如下：
代碼：
1 //添加左邊
2 var west = new Ext.Panel({
3 //自動收縮按鈕
4 collapsible: true,
5 border: false,
6 width: 225,
7 layout: "accordion",
8 extraCls: "roomtypegridbbar",
9 //添加動畫效果
10 layoutConfig: {
11 animate: true
12 },
13 region: "west",
14 title: '通用管理系統(CMS)',
15 //
16 items: [{
17 title: "<b>菜單管理(Menu)</b>",
18 autoScroll: true,
19 iconCls: "hotelmanageicon",//樣式名稱 包含圖片地址
20 items: [treenode] //創建樹的函數
21 }, {
22 title: "<b>后臺管理(Back-stage)</b>",
23 autoScroll: true,
24 iconCls: "back-stage" //樣式名稱
25 }]
26 });
27
28 var treenode = new Ext.tree.TreePanel({
29 //如果超出范圍帶自動滾動條
30 autoScroll: true,
31 animate: true,
32 root: root,
33 //默認根目錄不顯示
34 rootVisible: false,
35 border: false,
36 animate: true,
37 lines: true,
38 enableDD: true,
39 containerScroll: true,
40 listeners:
41 {
42 "click": function(node, event) {
43 //葉子節點點擊不進入鏈接
44 if (node.isLeaf()) {
45 // 顯示葉子節點菜單
46 event.stopEvent();
47 ALLEvents(node);
48 } else {
49 //不是葉子節點不觸發事件
50 event.stopEvent();
51 //點擊時展開
52 node.toggle();
53 }
54 }
55 }
56 });
不知道有沒有朋友遇到過類似的問題，或者是幫忙解決一下此問題，在這就先謝謝各位路過的朋友了~
作者博客：http://zhf.cnblogs.com/
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
