A. extjs4 嵌套頁面刷新父頁面grid問題
奇怪 你為什麼 要用ifram 我們一般都是定義一個viewport 給出border 布局，
比如你這樣的布局，我們一般就是在viewport 引用一個panel 或者form 來顯示你的查詢條件，region設置為north，再在viewport
引入一個grid region設置為center， 這樣他們就在一個界面中了 不久好拿對象了 。。
你這種不覺得慢么？也是 現在的電腦機子配置都很好，我們項目客戶那邊的還奔騰的處理器呢，用iframe慢的很的
B. extjs4 grid怎麼實現自動刷新
實現自動刷新grid思路
設定刷新grid的方法
function refreshGrid(){
...get params
grid.store.reload();
}
定時間隔多少時間去調用refreshGrid()
C. Extjs 4.x 為GridPanel動態添加一行數據
//聲明對應grid的Record對象
var ItemRecord = Ext.data.Record.create([
{name:'itemid'},
{name:'itemcode'},
{name:'itemname'},
{name:'price'},
{name:'mark'}
]);
//點新增按鈕時則執行類似如下函數
function addNewLine2Grid(grid){
var rec = new ItemRecord({ //實例化Record對象，並賦予各欄位初始值
'itemid': 0,
'itemcode': '',
'itemname': '',
'price': 0.00,
'mark': ''
});
grid.store.insert(grid.store.getCount(), rec); //插入新行作為grid最後一行
grid.getView().refresh(); //刷新
//grid.plugins[1].startEditing(grid.store.getCount()-1,4); //編輯最後一行第4列
}
D. ExtJs4 獲取grid.panel中的被修改數據，該怎麼處理
Ext.grid.EditorGridPanel afterEdit事件，就是每次編輯完一個列之後就提交到後台進行修改操作
傳回的參數有
e.grid-grid本身。Thisgrid
e.record-正在編輯的record。Therecordbeingedited
e.field-正在編輯的欄位名。Thefieldnamebeingedited
e.value-正在設置的值（value）。Thevaluebeingset
e.originalValue-在編輯之前的原始值。Theoriginalvalueforthefield,beforetheedit.
e.row-grid行索引。Thegridrowindex
e.column-grid行索引。Thegridcolumnindex
listeners:{
afterEdit:function(e){
e.record正在編輯的record。
}
e.field - 正在編輯的欄位名
e.value - 正在設置的值（value）。
e.originalValue - 在編輯之前的原始值。
E. 如何在extjs4中讓一個gridpanel填充滿它的父panel
加入fit布局就可以了layout : 'fit',
},{
title: '系統說明',
layout : 'fit',
contentEl : 'aboutDiv',
collapsible: true,
id : 'mainContent',
region:'center',//指定子面板回所在區域為答center
loader : {}
}]
F. ExtJS4 的grid,如何實現查詢功能
弄個查詢用戶的信息的例子里，帶分頁的。通過調用servlet查詢資料庫返回用戶的信息。web.xml配置了這個pageServlet。 這個的例子網上的有的是，你可以查一下呀。 首先在前台頁面jsp里的javascript代碼(部分) <script type="text/javascript" > //預載入 Ext.require( [ 'Ext.grid.*', 'Ext.toolbar.Paging', 'Ext.data.*' ] ); Ext.onReady( function(){ //創建Model Ext.define( 'User', { extend:'Ext.data.Model', fields:[ {name:'name',mapping:'name'}, {name:'sex',mapping:'sex'}, {name:'age',mapping:'age'} ] } ) //創建數據源 var store = Ext.create( 'Ext.data.Store', { model:'User', //設置分頁大小 pageSize:5, proxy: { type: 'ajax', url : 'pageServlet', reader: { //數據格式為json type: 'json', root: 'bugs', //獲取數據總數 totalProperty: 'totalCount' } }, autoLoad:true } ); //創建grid var grid = Ext.create('Ext.grid.Panel',{ store:store, columns:[ {text:'姓名',width:120,dataIndex:'name',sortable:true}, {text:'性別',width:120,dataIndex:'sex',sortable:true}, {text:'年齡',width:120,dataIndex:'age',sortable:true} ], height:200, width:480, x:20, y:40, title: 'ExtJS4 Grid分頁查詢示例示例', renderTo: 'grid', //分頁功能 bbar: Ext.create('Ext.PagingToolbar', { store: store, displayInfo: true, displayMsg: '顯示 {0} - {1} 條，共計 {2} 條', emptyMsg: "沒有數據" } ) } ) store.loadPage(1); } ) </script> 下面pageServlet 代碼。包自己引入public class pageServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Connection con = null; PreparedStatement pstmt = null; ResultSet rs = null; String start = request.getParameter("start"); String limit = request.getParameter("limit"); StringBuilder sb = null; //數據總數 int total = 0; try { Class.forName("com.mysql.jdbc.Driver"); con = DriverManager.getConnection( "jdbc:mysql://localhost:3306/test", "root", "1234"); } catch (ClassNotFoundException e) { e.printStackTrace(); } catch (SQLException e) { e.printStackTrace(); } //查詢數據總數語句 String countSql = "select count(*) from users"; try { pstmt = con.prepareStatement(countSql); rs = pstmt.executeQuery(); while(rs.next()){ total = rs.getInt(1); } } catch (SQLException e) { e.printStackTrace(); } //分頁查詢語句 String sql = "select * from users limit " + start + ", " + limit; try { pstmt = con.prepareStatement(sql); rs = pstmt.executeQuery(); sb = new StringBuilder(); //設置json數據格式 sb.append("{totalCount:"+total+",bugs:["); while (rs.next()) { sb.append("{"); sb.append("name:" + "\'" + rs.getString(1) + "\',"); sb.append("sex:" + "\'" + rs.getString(2) + "\',"); sb.append("age:" + "\'" + rs.getString(3) + "\'"); sb.append("},"); } } catch (SQLException e) { e.printStackTrace(); } try { rs.close(); } catch (SQLException e) { e.printStackTrace(); } String json = sb.substring(0, sb.length() - 1); json += "]}"; System.out.println(json); response.setContentType("text/html"); response.setCharacterEncoding("UTF-8"); try { response.getWriter().write(json); response.getWriter().close(); } catch (IOException e) { e.printStackTrace(); } } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doGet(request, response); } }
G. extjs4 怎麼動態的修改grid的title
對創建的Grid使用setTitle()就可以了~
var grid = Ext.create('Ext.grid.Panel', { ... } );
grid.setTitle('你想修改的標題名稱');
H. Extjs4怎麼關閉GridPanel的遮罩層
希望能幫助到你來。
Extjs4的Ext.grid.Panel中有一個自viewConfig配置，Ext.view.Table中的所有配置選項對viewConfig都可用。Ext.view.Table中有一個loadMask配置控制在載入數據時是否顯示掩層，類型可以是 Boolean/Object，而默認就是true,設置此項為false即可實現不載入掩層，因此你可以類似這樣書寫:
Ext.define('MyGrid',{
extend:'Ext.grid.Panel',
store:'Environments',
viewConfig:{
loadMask:false
}
});你書寫的代碼：
count_grid.store.on('load',function()
{
loadMask.hide();
});實際上是無效的，load事件在載入數據時發生，此時執行loadMask.hide沒有效果；
可以在查看API,在beforeload里隱藏掩層，但是這樣顯得毫無意義。
I. EXTjs4的GridPanel的動態更新問題
//聲明對應grid的內Record對象容
var ItemRecord = Ext.data.Record.create([
{name:'itemid'},
{name:'itemcode'},
{name:'itemname'},
{name:'price'},
{name:'mark'}
]);