extjsmenu隱藏

A. 深入淺出Extjs的完整目錄

第1章EXT概述 11.1下載EXT發布包 11.2如何查看EXT自帶的API和示例 11.3為什麼有些示例必須放在伺服器上才能看到效果 21.4Hello World 21.4.1直接使用下載的發布包 21.4.2在項目中使用EXT 31.5為什麼頁面提示找不到圖片 31.6輔助開發 41.6.1調試工具Firebug 41.6.2開發利器Spket 71.7本章小結 10第2章EXT框架基礎 112.1EXT的事件和類 112.1.1自定義事件 112.1.2瀏覽器事件 132.1.3Ext.lib.Event 132.1.4Ext.util.Observable 142.1.5Ext.EventManager 172.1.6Ext.EventObject 192.2EXT的核心組件 202.2.1Ext.Component 202.2.2Ext.BoxComponent 222.2.3Ext.Container 232.2.4Ext.Panel 242.2.5Ext.TabPanel 242.3本章小結 27第3章表格控制項 283.1Grid的特性簡介 283.2製作一個簡單的Grid 293.3Grid常用功能詳解 323.3.1部分屬性功能 323.3.2自主決定每列的寬度 333.3.3讓Grid支持按列排序 353.3.4解決中文排序 353.3.5顯示日期類型數據 373.4在單元格里顯示紅色的字、圖片和按鈕 383.5給Grid的行和列設置顏色 413.6自動顯示行號和復選框 423.6.1自動顯示行號 433.6.2復選框 443.7選擇模型 453.8表格視圖--Ext.grid.GridView 463.9表格分頁 473.9.1為Grid添加分頁工具條 483.9.2通過後台腳本獲得分頁數據 493.9.3分頁工具欄顯示在Grid的頂部 513.9.4讓EXT支持前台排序 523.10後台排序 533.11可編輯表格控制項--EditorGrid 553.11.1製作一個簡單的EditorGrid 553.11.2添加一行數據 563.11.3保存修改結果 583.11.4驗證EditGrid中的數據 593.11.5限制輸入數據的類型 603.12屬性表格控制項--PropertyGrid 633.12.1PropertyGrid 643.12.2隻能看不能動的PropertyGrid 653.12.3強制對name列排序 653.12.4根據name獲得value 663.12.5自定義編輯器 663.13分組表格控制項--group 663.13.1分組表格簡介 673.13.2分組表格視圖Ext.grid.GroupingView 683.14可拖放的表格 693.14.1拖放改變表格的大小 693.14.2在同一個表格里拖放 703.14.3表格之間的拖放 723.14.4表格與樹之間的拖放 733.15Grid與右鍵菜單 733.16本章小結 74第4章表單與輸入控制項 764.1製作一個表單 764.2FormPanel和BasicForm詳解 774.3EXT支持的控制項 774.3.1控制項繼承圖 774.3.2表單控制項 784.3.3基本輸入控制項Ext.form.Field 784.3.4文本輸入控制項Ext.form.TextField 794.3.5多行文本輸入控制項Ext.form.TextArea 804.3.6日期輸入控制項Ext.form.DateField 804.3.7時間輸入控制項Ext.form.TimeField 814.3.8在線編輯器Ext.form.HtmlEditor 814.3.9隱藏域Ext.form.Hidden 824.3.10下拉輸入框Ext.form.TriggerField 824.4使用表單提交數據 834.4.1EXT默認的提交形式 834.4.2使用HTML原始的提交形式 854.4.3單純Ajax 854.5數據校驗 864.5.1輸入不能為空 864.5.2最大長度和最小長度 874.5.3藉助vtype 884.5.4自定義校驗規則 884.5.5算不上校驗的NumberField 884.5.6使用後台返回的校驗信息 894.6表單布局 904.6.1默認的平鋪布局 904.6.2平行分列布局 914.6.3在布局中使用fieldset 934.6.4在fieldset中使用布局 954.6.5自定義布局：在表單中加入圖片 964.7ComboBox、datefield和timefield詳解 974.7.1ComboBox簡介 984.7.2將Select轉換成ComboBox 994.7.3ComboBox結構詳解 994.7.4使用遠程數據 1014.7.5ComboBox的高級配置 1024.7.6監聽用戶選擇了哪條數據 1044.7.7使用本地數據實現省、市、縣級聯 1044.7.8使用後台數據實現省、市、縣級聯 1074.8復選框和單選框 1104.8.1復選框 1104.8.2單選框Radio 1114.9文件上傳 1124.10自動把數據填充到表單中 1134.11本章小結 114第5章樹形結構 1165.1TreePanel的基本使用 1165.1.1創建一棵樹 1165.1.2為樹生枝展葉 1175.1.3tree的配置 1185.1.4使用TreeLoader獲得數據 1195.1.5讀取本地JSON數據 1215.1.6Struts 2的JsonPlugin 1215.1.7使用JSP提供後台數據 1225.2樹的事件 1255.3右鍵菜單 1265.4修改節點的默認圖標 1275.5從節點彈出對話框 1285.6節點提示信息 1295.7為節點設置超鏈接 1295.8直接修改樹節點名稱 1305.9樹形的拖放 1315.9.1節點拖放的三種形式 1315.9.2葉子不能append 1315.9.3判斷拖放的目標 1325.9.4樹之間的拖放 1345.10樹形過濾器TreeFilter 1355.11利用TreeSorter對樹進行排序 1375.12樹形節點視圖--Ext.tree.TreeNodeUI 1385.13表格與樹形的結合--Ext.tree.ColumnTree 1395.14本章小結 142第6章拖放 1436.1拖放簡介 1436.2拖放的簡單應用 1436.3拖放組件體系 1446.4拖放的事件 1466.5高級拖放 1486.5.1Basic 1486.5.2Handle 1496.5.3On Top 1506.5.4Proxy 1516.5.5Group 1526.5.6Grid 1546.5.7Circle 1556.5.8Region 1576.6本章小結 158第7章彈出窗口 1597.1Ext.MessageBox 1597.1.1Ext.MessageBox.alert() 1597.1.2Ext.MessageBox.confirm() 1607.1.3Ext.MessageBox.prompt() 1607.2對話框的更多配置 1617.2.1可以輸入多行的輸入框 1617.2.2自定義對話框的按鈕 1627.2.3進度條 1627.2.4動畫效果 1647.3Ext.window的常用屬性 1647.3.1創建一個窗口 1647.3.2窗口的最大化和最小化 1657.3.3窗口的隱藏與銷毀 1677.3.4防止窗口超出瀏覽器 1677.3.5設置窗口中的按鈕 1697.3.6窗口的其他配置選項 1707.4窗口分組 1717.5向窗口中放入各種控制項 1727.5.1在窗口中加入表格 1727.5.2在窗口中加入表單 1737.5.3復雜布局 1747.6本章小結 176第8章布局 1778.1布局的用途 1778.2最簡單的布局FitLayout 1798.3常用的邊框布局BorderLayout 1828.3.1設置子區域的大小 1848.3.2使用split並限制它的范圍 1858.3.3子區域的展開和折疊 1878.4製作伸縮菜單的布局--Accordion 1918.5實現操作向導的布局--CardLayout 1928.6控制位置和大小的布局--AnchorLayout和AbsoluteLayout 1948.7表單專用的布局FormLayout 1998.8分列式的布局ColumnLayout 2008.9表格狀的布局TableLayout 2028.10與布局相關的其他知識 2048.10.1超類Ext.Conainter的公共配置與xtype的概念 2048.10.2layout的超類Ext.layout.ContainerLayout 2058.10.3不指定任何布局時會發生的情況 2068.10.4使用Viewport對整個頁面進行布局 2068.10.5使用嵌套實現復雜布局 2078.11本章小結 210第9章工具欄和菜單 2119.1簡單菜單 2119.2向菜單中添加分隔線 2129.3多級菜單 2139.4高級菜單 2149.4.1多選菜單和單選菜單 2149.4.2日期菜單 2169.4.3顏色菜單 2169.4.4Ext.menu.Adapter菜單適配器 2179.4.5使用Ext.menu.MenuMgr統一管理菜單 2209.5工具欄組件詳解 2209.5.1Ext.Toolbar.Button 2219.5.2Ext.Toolbar.TextMenu 2219.5.3Ext.Toolbar.Spacer 2229.5.4Ext.Toolbar.Separator 2229.5.5Ext.Toolbar.Fill 2239.5.6Ext.Toolbar.SplitButton 2239.5.7為工具條添加HTML標簽 2249.5.8為工具條添加輸入控制項 2259.6分頁工具條Ext.PagingToolbar 2259.6.1Ext.PagingToolbar的基本用法 2259.6.2向Ext.PagingToolbar添加按鈕組件 2269.7右鍵彈出菜單 2279.8本章小結 229第10章數據存儲與傳輸 23010.1Ext.data簡介 23010.2Ext.data.Connection 23010.3Ext.data.Record 23210.4Ext.data.Store 23310.4.1基本應用 23310.4.2對數據進行排序 23410.4.3從store中獲取數據 23410.4.4更新store中的數據 23610.4.5載入及顯示數據 23710.4.6其他功能 23810.5常用proxy 23910.5.1MemoryProxy 23910.5.2HttpProxy 24010.5.3ScriptTagProxy 24010.6常用Reader 24110.6.1ArrayReader 24110.6.2JsonReader 24210.6.3XmlReader 24310.7高級store 24510.8EXT中的Ajax 24610.8.1最容易看到的Ext.Ajax 24610.8.2Ext.lib.Ajax是更底層的封裝 24710.9關於scope和createDelegate() 24710.10DWR與EXT整合 24910.10.1在EXT中直接使用DWR 24910.10.2DWRProxy 25010.10.3DWRTreeLoader 25210.10.4DWRProxy和ComboBox 25310.11localXHR支持本地使用Ajax 25410.12本章小結 255第11章實用工具 25611.1EXT提供的常用函數 25611.1.1onReady函數 25611.1.2get函數 25711.1.3query函數和select函數 26011.1.4encode函數和decode函數 26311.1.5extend函數 26511.1.6apply和applyIf函數 26611.1.7namespace函數 26611.1.8Ext.isEmpty函數 26711.1.9Ext.each函數 26811.1.10Ext.DomQuery 26911.2用DomHelper和Template動態生成HTML 27211.2.1用DomHelper生成小片段 27211.2.2Ext.DomHelper.applyStyles函數 27511.2.3Template模板 27611.2.4Ext.DomHelper.createTemplate函數 27811.2.5復雜模板XTemplate 27911.3用Ext.Utils.CSS切換主題 28111.4懸停提示 28211.4.1初始化 28211.4.2注冊提示 28311.4.3標簽提示 28311.4.4全局配置 28311.4.5個體配置 28411.5使用Ext.state保存狀態 28511.6fx實現的動畫效果 28811.7局部更新網頁內容 28811.8Ext.util.Format 29011.9使用Ext.util.CSS管理CSS樣式 29011.10使用Ext.util.ClickRepeater處理點擊事件 29111.11使用Ext.util.DelayedTask延時執行函數 29311.12使用Ext.util.TaskRunner執行循環任務 29411.13混合型集合Ext.util.MixedCollection 29511.14使用Ext.util.TextMetrices獲得文本所佔的高度和寬度 29911.15Ext.KeyNav處理導航按鍵 30011.16Ext.KeyMap為對象綁定按鍵功能 30211.17擴展 30411.17.1擴展Date 30411.17.2擴展String 30611.17.3擴展Function 30611.17.4擴展Number 30811.17.5擴展Array 30811.18Ext.ux.Portal 30911.19Ext.Desktop 31211.20本章小結 316第12章一個完整的EXT應用 31712.1確定整體布局 31712.2使用HTML和CSS設置靜態信息 31912.3對學生信息進行數據建模 32012.4在頁面中顯示學生信息列表 32412.5添加表單編輯學生信息 32912.6為表單添加提交事件 33212.7清空表單信息 33512.8刪除指定的學生信息 33612.9在Grid和Form之間進行數據交互 33712.10本章小結 338第13章通過Ext Framework合理地應用EXT 33913.1Ext Framework簡介 33913.2Ext Framework架構解析 34213.2.1主要的第三方包 34213.2.2後台類關系圖 34213.2.3前台組件關系圖 34413.3本章小結 347附錄A EXT常見問題 348附錄B EXT對AIR的支持 355附錄C EXT的版本變遷 364

B. 請教FineUI,在vs2010中控制項不能識別的問題!

FineUI(ExtAspNet)控制項 v3.2.5源碼
源碼描述：
關於FineUI
FineUI是由ExtAspNet改名而來的
基於 ExtJS 的專業 ASP.NET 2.0 控制項庫。
FineUI的使命
創建 No javaScript，No CSS，No UpdatePanel，No ViewState，No WebServices 的網站應用程序。
支持的瀏覽器
IE 7.0+、Firefox 3.6+、Chrome 3.0+、Opera 10.5+、Safari 3.0+
v3.2.5更新日誌：
+更新extjs庫到v3.4.1.1。
-解決IE9/IE10下的UI顯示問題。
-解決表格控制項在谷歌瀏覽器下，最後一列的標題欄沒對齊的問題。
-解決IE7/Chrome下有時不能拖動窗體的問題。
+刪除PageManager的EnableAspnetSubmitButtonAjax屬性（shiningrise、夏雨雪(joe) ）。
-原因是低版本IE瀏覽器不允許使用JS修改input標簽的type屬性。
-我們需要手工設置Asp.Net按鈕的UseSubmitBehavior=false，更新示例aspnet/aspnet.aspx。
-修正extjs的Ext.lib.Ajax.serializeForm函數，使其在序列化表單時不包含submit按鈕，從而避免觸發後台submit按鈕的事件。
-更新示例aspnet/aspnet.aspx。
-更新示例config/release_time_chart.htm。
+表格增強。
-增加RowVerticalAlign屬性（默認為Middle），以後所有表格中的行文字默認都是垂直居中顯示。
+增加EnableHeaderMenu屬性（默認為false），支持在表格標題欄下拉菜單中顯示隱藏列以及排序操作。
-增加EnableColumnHide屬性（默認為true），是否可以標題欄下拉菜單中顯示隱藏列。
-增加示例grid/grid_hdmenu_hidecolumn.aspx。
-增加示例grid/grid_hdmenu_sorting.aspx。
+增加EmptyText屬性，指定數據為空時顯示在內容區域的文本，可以是HTML標簽。

C. extjs如何獲取Grid中某一行某一列的值

Ext.grid.GridView.getCell( Number row, Number col )：取得指定單元格對應的td元素

例如：

varsStr=Ext.grid.GridView.getCell(0,0);

再給你一些常用的方法、屬性

1、Ext.grid.GridPanel

主要配置項：

store：表格的數據集

columns：表格列模式的配置數組，可自動創建ColumnModel列模式

autoExpandColumn：自動充滿表格未用空間的列，參數為列id，該id不能為0

stripeRows：表格是否隔行換色，默認為false

cm、colModel：表格的列模式，渲染表格時必須設置該配置項

sm、selModel：表格的選擇模式，默認為Ext.grid.RowSelectionModel

enableHdMenu：是否顯示表頭的上下文菜單，默認為true

enableColumnHide：是否允許通過標題中的上下文菜單隱藏列，默認為true

loadMask：是否在載入數據時顯示遮罩效果，默認為false

view：表格視圖，默認為Ext.grid.GridView

viewConfig：表格視圖的配置對象

autoExpandMax：自動擴充列的最大寬度，默認為1000

autoExpandMin：自動擴充列的最小寬度，默認為50

columnLines：是否顯示列分割線，默認為false

disableSelection：是否禁止行選擇，默認為false

enableColumnMove：是否允許拖放列，默認為true

enableColumnResize：是否允許改變列寬，默認為true

hideHeaders：是否隱藏表頭，默認為false

maxHeight：最大高度

minColumnWidth：最小列寬，默認為25

trackMouseOver：是否高亮顯示滑鼠所在的行，默認為true

主要方法：

getColumnModel()：取得列模式

getSelectionModel()：取得選擇模式

getStore()：取得數據集

getView()：取得視圖對象

reconfigure( Ext.data.Store store, Ext.grid.ColumnModel colModel )：使用一個新的數據集和列模式重新配置表格組件

2、Ext.grid.Column

主要配置項：

id：列id

header：表頭文字

dataIndex：設置列與數據集中數據記錄的對應關系，值為數據記錄中的欄位名稱。如果沒有設置該項則使用列索引與數據記錄中欄位的索引進行對應

width：列寬

align：列數據的對齊方式

hidden：是否隱藏列，默認為false

fixed：是否固定列寬，默認為false

menuDisabled：是否禁用列的上下文菜單，默認為false

resizable：是否允許改變列寬，默認為true

sortable：是否允許排序，默認為true

renderer：設置列的自定義單元格渲染函數

傳入函數的參數有：

value：數據的原始值

metadata：元數據對象，用於設置單元格的樣式和屬性，該對象包含的屬性有：

css：應用到單元格TD元素上的樣式名稱

attr：一個HTML屬性定義字元串，例如'style="color:blue"'

record：當前數據記錄對象

rowIndex：單元格的行索引

colIndex：單元格的列索引

store：數據集對象

xtype：列渲染器類型，默認為gridcolumn，其它可選值有booleancolumn、numbercolumn、datecolumn、 templatecolumn等

editable：是否可編輯，默認為true

editor：編輯器

groupName：

emptyGroupText：

groupable：

3、Ext.grid.ColumnModel

主要配置項：

columns：欄位數組

defaultSortable：是否進行默認排序，默認為false

defaultWidth：默認寬度

主要方法：

findColumnIndex( String col )：根據給定的dataIndex查找列索引

getColumnById( String id )：取得指定id對應的列

getColumnCount( Boolean visibleOnly )：取得列總數

getColumnHeader( Number col )：取得列的表頭

getColumnId( Number index )：取得列id

getDataIndex( Number col )：取得列對應的數據欄位名

getIndexById( String id )：取得列索引

getTotalWidth( Boolean includeHidden )

isCellEditable( Number colIndex, Number rowIndex )

isFixed()

isHidden( Number colIndex )

setColumnHeader( Number col, String header )

setColumnWidth( Number col, Number width, Boolean suppressEvent )

setDataIndex( Number col, String dataIndex )

setEditable( Number col, Boolean editable )

setEditor( Number col, Object editor )

setHidden( Number colIndex, Boolean hidden )

setRenderer( Number col, Function fn )

4、Ext.grid.AbstractSelectionModel

主要方法：

lock()：鎖定選擇區域

unlock()：解鎖選擇區域

isLocked()：當前選擇區域是否被鎖定

5、Ext.grid.CellSelectionModel

主要方法：

clearSelections( Boolean preventNotify )：清除選擇區域

getSelectedCell()：取得當前選擇的單元格，返回一數組，其格式：[rowIndex, colIndex]

hasSelection()：當前是否有選擇區域

select( Number rowIndex, Number colIndex, [Boolean preventViewNotify], [Boolean preventFocus], [Ext.data.Record r] )：選擇指定單元格

6、Ext.grid.RowSelectionModel

主要配置項：

singleSelect：是否單選模式，默認為false，即可以選擇多條數據

主要方法：

clearSelections( [Boolean fast] )：清除所有選擇區域

deselectRange( Number startRow, Number endRow )：取消范圍內的行選擇

deselectRow( Number row, [Boolean preventViewNotify] )：取消指定行的選擇狀態

each( Function fn, [Object scope] )：遍歷所有選擇行，並調用指定函數。當前被選行將傳入該函數中

getCount()：得到選擇的總行數

getSelected()：得到第一個被選記錄

getSelections()：得到所有被選記錄的數組

hasNext()：判斷當前被選行之後是否還有記錄可以選擇

hasPrevious()：判斷當前被選行之前是否還有記錄可以選擇

hasSelection()：是否已選擇了數據

isIdSelected( String id )：判斷指定id的記錄是否被選擇

isSelected( Number/Record index )：判斷指定記錄或記錄索引的數據是否被選擇

selectAll()：選擇所有行

selectFirstRow()：選擇第一行

selectLastRow( [Boolean keepExisting] )：選擇最後行

keepExisting：是否保持已有的選擇

selectNext( [Boolean keepExisting] )：選擇當前選擇行的下一行

selectPrevious( [Boolean keepExisting] )：選擇當前選擇行的上一行

selectRange( Number startRow, Number endRow, [Boolean keepExisting] )：選擇范圍內的所有行

selectRecords( Array records, [Boolean keepExisting] )：選擇一組指定記錄

selectRow( Number row, [Boolean keepExisting], [Boolean preventViewNotify] )：選擇一行

row：行索引

selectRows( Array rows, [Boolean keepExisting] )：選擇多行

rows：行索引數組

7、Ext.grid.CheckboxSelectionModel

主要配置項：

singleSelect：是否單選模式，默認為false，即可以選擇多條數據

checkOnly：是否只能通過點擊checkbox列進行選擇，默認為false

sortable：是否允許checkbox列排序，默認為false

width：checkbox列的寬度，默認為20

8、Ext.grid.RowNumberer

主要配置項：

header：行號列表頭顯示的內容

width：列寬，默認為23

9、Ext.grid.GridView

主要配置項：

enableRowBody：是否包含行體

sortAscText：表格標題菜單中升序的文字描述

sortDescText：表格標題菜單中降序的文字描述

columnsText：表格標題菜單中列對應的文字描述

autoFill：是否自動擴展列以充滿整個表格，默認為false

forceFit：是否強制調整表格列寬以適用表格的整體寬度，防止出現水平滾動條，默認為false

主要方法：

focusCell( Number row, Number col )：將焦點移到指定單元格

focusRow( Number row )：將焦點移動指定行

getCell( Number row, Number col )：取得指定單元格對應的td元素

getHeaderCell( Number index )：取得指定表頭對應的td元素

getRow( Number index )：取得指定行對應的tr元素

getRowClass( Record record, Number index, Object rowParams, Store store )：得到附加到表格行上的樣式名

record：當前行的數據記錄對象

index：當前行的索引

rowParams：渲染時傳入到行模板中的配置對象，通過它可以為行體定製樣式，該對象只在enableRowBody為true時才生效，可能的屬性 如下：

body：渲染到行體中的HTML代碼片段

bodyStyle：應用到行體tr元素style屬性的字元串

cols：應用到行體td元素colspan屬性的值，默認為總列數

store：表格數據集

refresh( [Boolean headersToo] )：刷新表格組件

scrollToTop()：滾動表格到頂端

實戰

1：讓gridpanel的滾動條自動滾動到最後一條記錄(動態插入數據)：

grid.getView().focusRow(vehiclePassInfoGrid.getStore().getCount()-1);

2:清除gridpanel中有行被選擇的狀態：

grid.getSelectionModel().clearSelections();

D. Extjs5.0的treepanel節點上的文件夾圖標怎麼去掉

先定義一個CSS。

<style>
.no-icon{display:none;}
</style>

然後在你的JSON樹節點加上

iconCls : 'no-icon'

varmenuStore=Ext.create('Ext.data.TreeStore',{
model:'Menu',
root:{
expanded:true,
children:[{
text:'test',
expanded:true,
children:[{
text:'test11',
iconCls:'no-icon',
leaf:true
},{
text:'test22',
iconCls:'no-icon',
leaf:true
}]
}]
}
});

效果圖：

滿意請採納。

E. Extjs Store的Reader的root屬性為什麼不能是子屬性

Ext.define("NP.store.Menus", {
extend : "Ext.data.TreeStore",
model : "NP.model.Menu",
root : {
expanded : true,
text : "系統菜單",
},
proxy : {
type : "rest",
url : "menu",
reader : {
type : "json",
root : "data",//這里如果設置成data.content就不對
successProperty : "success"
}
}
});

伺服器返回的JSON數據格式為：

Js代碼

{
"data": {
"content": [
{
"id": 1,
"name": "系統管理",
"url": null,
"title": "系統管理",
"icon": null,
"parent": null,
"children": [],
"roles": [],
"userGroups": []
}
]
},
"success": true
}

因為我的模型數據集合是在數據的data.content里，而如果Store.proxy.reader.root設置成data.content 就會報錯：Uncaught TypeError: Cannot read property 'content' of undefined

這是什麼原因啊 ？ 請指點啊

回復討論(解決方案)
我發現當root設為data.content時，Ext根本沒往後台發送請求
root指的就是根節點嘛。只能是data。

不過你可以把content去掉。

{
"data": {
"id": 1,
"name": "系統管理",
"url": null,
"title": "系統管理",
"icon": null,
"parent": null,
"children": [],
"roles": [],
"userGroups": []
},
"success": true
}

root指的就是根節點嘛。只能是data。

不過你可以把content去掉。

{
"data": {
"id": 1,
"name": "系統管理",
"url": null,
"title": "系統管理",
"icon": null,
"parent": null,
"children": [],
"roles": [],
"userGroups": []
},
"success": true
}

因為Data裡面不僅包含了content還包含一些其他的信息，最好是不要改動後台代碼
有其他方法來實現這個效果嗎

treeStore 最好單獨load，不要把和tree無關的信息也放到json里
另外，root應該是children。

當然，你也可以拿到json後，自己按從屬關系往treestore里填加數據。
var node = root.createNode( {
id:data.content.id,
...
} );
root.appendChild(node);
3q\

treeStore 最好單獨load，不要把和tree無關的信息也放到json里
另外，root應該是children。

當然，你也可以拿到json後，自己按從屬關系往treestore里填加數據。
var node = root.createNode( {
id:data.content.id,
...
} );
root.appendChild(node);

F. ExtJS grid表頭如何增加下拉項

extjs自己提供復選框列

//checkbox列

varfilecheckbox=newExt.grid.CheckboxSelectionModel();

//GridPanel

varfileGrid=newExt.grid.GridPanel({

store:fileStore,

columns:[

newExt.grid.RowNumberer(),//顯示列數

filecheckbox,//顯示復選框列

{//其他顯示列}]

//省略其他屬性

});

這樣你就可以而得到一個復選框，可以進行單選、全選了

如果你想自己定義的話，也可以

//定義filters

varfilters=newExt.ux.grid.GridFilters({

//

encode:encode,//jsonencodethefilterquery

local:local,//defaultstofalse(remotefiltering)

filters:[{

type:'numeric',

dataIndex:'id'

},{

type:'string',

dataIndex:'company',

disabled:true

},{

type:'numeric',

dataIndex:'price'

},{

type:'date',

dataIndex:'date'

},{

type:'list',

dataIndex:'size',

options:['small','medium','large','extralarge'],

phpMode:true

},{

type:'boolean',

dataIndex:'visible'

}]

});

//

//

//thefiltertypes(

varcreateColModel=function(finish,start){

varcolumns=[{

dataIndex:'id',

header:'Id',

//=true

//tousestore'sfield'stypeproperty(iftypepropertynot

//'auto'which

//GridFilterswillassumetobe'StringFilter'

filterable:true

//,filter:{type:'numeric'}

},{

dataIndex:'company',

header:'Company',

id:'company',

filter:{

type:'string'

//

//,disabled:true

}

},{

dataIndex:'price',

header:'Price',

filter:{

//type:'numeric'//

}

},{

dataIndex:'size',

header:'Size',

filter:{

type:'list',

options:['small','medium','large','extralarge']

//,phpMode:true

}

},{

dataIndex:'date',

header:'Date',

renderer:Ext.util.Format.dateRenderer('m/d/Y'),

filter:{

//type:'date'//

}

},{

dataIndex:'visible',

header:'Visible',

filter:{

//type:'boolean'//

}

}];

returnnewExt.grid.ColumnModel({

columns:columns.slice(start||0,finish),

defaults:{

sortable:true

}

});

};

然後

vargrid=newExt.grid.GridPanel({

colModel:createColModel(4),

plugins:[filters],

//這兩個屬性是重點，加上去就可以了

});

效果看圖片。

建議你去下載官方的源代碼，然後看其中的例子。

裡面有一個就是如何自定義這個的

G. extjs項目打包的時候為什麼添加的菜單項沒有載入

以Extjs4.2為例進行說明吧。你可以根據你使用的版本不同做出對應調整。

首先，Menu依賴於類Ext.menu.Menu和必要的css文件。

1)如果你使用Sencha cmd打包的話，你需要查看有沒有在requires欄位裡麵包含進該類;例如:

requires:[ 'Ext.menu.*' ]

2)如果你包含了ext-all.js等之類的全部庫的話，則應該不成問題;如果不行的話可以參看sdk自帶的example裡面的menu，載入menu如下:

Ext.require([
'Ext.menu.*',
]);

3)另外，如果使用Ext.ux包裡面的一些輔助類時，菜單可能由於css文件不夠，無法正常顯示。這是需要將對應的ux目錄下的css文件拷貝到你的工程下(Extjs 4.2目前不支持ux下css文件自動打包)。

例如gird組件的篩選菜單，如RangeMenu的話則需要將對應的RangeMenu.css拷貝到你的工程目錄下。