extjsgridpanel清空

Ⅰ extjs4.2 gridpanel問題

應該中敗是亮拿：columns:cm,吧賣鍵顫
還不行的話，你可以直接var cm = [{},{},{}];不需要加 =new Ext.grid.ColumnModel();

Ⅱ extjs4.2 怎麼顯示的時候把後邊的0去掉

解決思路：

1. 資料庫里的欄位類型查詢出來的欄位最好變成yyyy-MM-dd格式（伺服器程序里查詢出日期後處卜檔理為2015-01-01）。

2. 前台定義extjs的前台GridPanel的columns里邊為你的這個顯示列加上renderer函數格式化一下日期即可（renderer:function(value){returnvalue?Ext.Date.dateFormat(value,"Y-m-d"):'';}）。

   下邊是代碼，你自己參考對比兩列看吧，第一列有renderer函數，第二列沒有：

Ext.create('Ext.data.Store',洞爛{
storeId:'simpsonsStore',
fields:[
{name:'xuqiu',type:'date',dateFormat:'Y-m-d'},
{name:'sheji',type:'date',dateFormat:'Y-m-d'}
],
data:{'items':[
{'xuqiu':'2015-12-31',"sheji":"2015-05-15"},
{'xuqiu':'2015-05-01',"sheji":"2015-05-15"},
{'xuqiu':'2015-04-23',"sheji":"2015-04-14"},
{'xuqiu':'2015-01-01',"sheji":"2015-05-18"}
]},
proxy:{
type:'memory',
reader:{
type:'json',
root:'items'
}
}
});

Ext.create('Ext.grid.Panel',{
title:'For半世迷離xi日期格式顯示問題',
store:Ext.data.StoreManager.lookup('simpsonsStore'),
型顫亂columns:[
{text:'需求',dataIndex:'xuqiu',width:245,
renderer:function(value){returnvalue?Ext.Date.dateFormat(value,"Y-m-d"):'';}},
{text:'設計',dataIndex:'sheji',width:245}
],
height:200,
width:500,
renderTo:Ext.getBody()
});

運行出來的效果：

希望能幫到你，還有建議多看看Extjs API。

Ⅲ extjs gridpanel 查詢返回回來的數據是空時為什麽總是在讀取中，我要的是顯示無記錄

我記得分頁工具有帶一個返回數據為空時的顯示提示

bbar : new Ext.PagingToolbar({
pageSize : 25,
store : jsonStore,
displayInfo : true,
displayMsg : 'Displaying topics {0} - {1} of {2}',
emptyMsg : "No topics to display",
items : ['-', {
pressed : true,
enableToggle : true,
text : 'Show Preview',
cls : 'x-btn-text-icon details',
toggleHandler : function(btn, pressed) {
var view = grid.getView();
view.showPreview = pressed;
view.refresh();
}
}]
})

Ⅳ extjs中如何把gridPanel中的某一條記錄的主鍵列的值取出，放到彈出框中

首先確保你的grid裡面有主鍵欄位，
如果你是點擊一條記錄的某個圖標
彈慧液出的窗口，那麼使用return
Ext.String.format('<img
src="...."
href="#"
onclick="爛橘openWindow(\'{0}'\)"/>',record.get('主鍵的欄位名'))
的方式可以拿到主鍵，好像是這么寫的，有些記不清了，可以查查API
如果是點擊一行記錄彈出窗口，就添加個飢碧團雙擊事件

Ⅳ extjs 刪除數據 然後刷新grid 應該怎麼做

store.removeAll();清空所有
store.remove(record);刪除record

store.reload();刷新
grid一般都是操作對應的Store

Ⅵ extjs中新建了一個panel，然後panel中添加了gridPanel，刪除gridPanel後，再新建一個gridPanel2，不顯示

貼出的代碼沒什麼問題。問題可能出現在gridpanel的建立上。
你試一下add({xtype:'textfield'});如果能看到就是grid建立有回問題。
最好別用id，很容易答重復。你不是建立grid也用id了吧，那可能就出不來了。

Ⅶ 求助，extjs表格中最後的那列怎麼去掉啊，效果在下面，求高手指點！！！！！

我覺得這不是最後一列。。。只是說你所有的列就只有這么寬了，所以後面留白了
你可以在其中一列中定義如下屬性
columns: [{
text: '列名',
flex: 1,
dataIndex: 'xxx'
}]
用flex來填充寬，就不會留白了
其中
flex也可以是小數，即 flex: 0.5
所有列的flex相加最好為1，即其寬的百分比

Ⅷ ExtJS中grid單擊一行時判斷改行的復選框是否選中，如果選中則單擊之後取消選中狀態，沒有選中則讓復選框

單擊某個單元格時，選中的是整行，Ext默認的是RowSelectionModel——行選擇模型。行選擇模型默認支持多選，滑鼠單擊時按住ctrl/shift就可以選擇多行。如果只希望選擇一行，設置singleSelect參數為true。
在Grid中設置sm為RowSelectionModel，並指定singleSelect為true。
var grid1 = new Ext.grid.GridPanel({
title : '員工信息',
renderTo : 'grid1',
cm : cm,
store : store,
width : 700,
height : 350,
enableColumnMove : false,
enableColumnResize : true,
loadMask : true,
viewConfig:{
forceFit:true,
getRowClass:function(record,rowIndex,p,ds) {
if (rowIndex % 2 == 0) {
return 'oushu-row-color';
}
return 'jishu-row-color';
}
},
autoExpandColumn : 'descn',
sm:new Ext.grid.RowSelectionModel({
singleSelect:true
})
});

Ⅸ 請問EXTJS4中怎麼在一個GridPanel中的每一行的最後加入兩個按鈕比如是刪除和查看

參考幫助文檔:actioncolumn

Ext.create('Ext.data.Store', {
    storeId:'employeeStore',
    fields:['firstname', 'lastname', 'senority', 'dep', 'hired'],
    data:[
        {firstname:"Michael", lastname:"Scott"},
        {firstname:"Dwight", lastname:"Schrute"},
        {firstname:"Jim", lastname:"Halpert"},
        {firstname:"Kevin", lastname:"Malone"},
        {firstname:"Angela", lastname:"Martin"}
    ]
});
Ext.create('Ext.grid.Panel', {
    title: 'Action Column Demo',
    store: Ext.data.StoreManager.lookup('employeeStore'),
    columns: [
        {text: 'First Name',  dataIndex:'firstname'},
        {text: 'Last Name',  dataIndex:'lastname'},
        {
            xtype:'actioncolumn',
            width:50,
            items: [{
                icon: 'extjs/examples/shared/icons/fam/cog_edit.png',  // Use a URL in the icon config
                tooltip: 'Edit',
                handler: function(grid, rowIndex, colIndex) {
                    var rec = grid.getStore().getAt(rowIndex);
                    alert("Edit " + rec.get('firstname'));
                }
            },{
                icon: 'extjs/examples/restful/images/delete.png',
                tooltip: 'Delete',
                handler: function(grid, rowIndex, colIndex) {
                    var rec = grid.getStore().getAt(rowIndex);
                    alert("Terminate " + rec.get('firstname'));
                }
            }]
        }
    ],
    width: 250,
    renderTo: Ext.getBody()
});

Ⅹ 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里隱藏掩層，但是這樣顯得毫無意義。