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里隐藏掩层，但是这样显得毫无意义。