editorGrid

Question

往editorGrid里插一条空record，点单元格的时候，怎么会出现下面的东西

 

怎么解决？
[b]问题补充：[/b]
Ext.onReady(function(){
var queryType=[['no_loop','是否循环'],['language','语言']];

 var Plant = Ext.data.Record.create([
       {name: 'attribute', type: 'string'},
       {name: 'value', type: 'string'},
       {name:'del'}
  ]);

var store = new Ext.data.JsonStore({
fields: [{name:'attribute',mapping:'attribute'},{name:'value',mapping:'value'}]
});
var colModel=new Ext.grid.ColumnModel([
{header: "属性名称", width: 150, sortable: true,dataIndex:'action',editor: new Ext.form.ComboBox({
store: queryType,
triggerAction: 'all',
emptyText:'Select a state...',
selectOnFocus:true
})},
{header: "值", width: 100,dataIndex:'parameter', editor: new Ext.form.TextField({allowBlank: false})},
{header: "删除", width: 100,dataIndex:'del',renderer:function(value,metadata,rcd,rowIndex,colIndex,store){
return "<img src='cross.gif' onclick='deleteRecord('+rcd+')'"}
}
]);

var grid = new Ext.grid.EditorGridPanel({
    id:'attribute_grid',
    store: store,
    cm:colModel,
    clicksToEdit:1,
    frame:true,
    width: 350,
    height:300,
    autoHeight:true,
    autoWidth:true,
    title: '属性',
    tbar:[{
        xtye:'button',
        text:'添加',
        pressed :true,
        enableToggle:true,
        tooltip:'新增加一个属性！',
        iconCls:'add',
        handler : function(){
           var p = new Plant({
            });
           // store.insert(0, p);
            store.add(p);
        }
    }]
});

// grid.render(document.body);
});
function deleteRecord(record){
Ext.getCmp('attribute_grid').getStore().remove(record);
}

[b]问题补充：[/b]
还有一个问题是
我想实现点击图片（是一个叉）后删除这行
{header: "删除", width: 100,renderer:function(value,metadata,rcd,rowIndex,colIndex,store){
return "<img src='cross.gif' onclick='deleteRecord('+rcd+')'"}
}

function deleteRecord(record){
Ext.getCmp('attribute_grid').getStore().remove(record);
}
为什么不行
[b]问题补充：[/b]
第一个问题解决了
帮我看看这个问题吧
我想实现点击图片（是一个叉）后删除这行
{header: "删除", width: 100,renderer:function(value,metadata,rcd,rowIndex,colIndex,store){
return "<img src='cross.gif' onclick='deleteRecord('+rcd+')'"}
}

function deleteRecord(record){
Ext.getCmp('attribute_grid').getStore().remove(record);
}
为什么不行
[b]问题补充：[/b]
下了你介绍的那个东西，代码太多了，不知道哪里才是
你能把点击图标删除一行的代码抽出来给我看看吗
或者你介绍一种方式，可以删除editorGrid的一行的
[b]问题补充：[/b]
这个问题困扰我好久了
不能在耽搁了
你能否介绍个简单的方法
可以删除一行的？

[b]问题补充：[/b]
var rcd=Ext.getCmp('attribute_grid').getSelectionModel().getSelectedCell().record;
Ext.getCmp('attribute_grid').getStore().remove(rcd);

一直想用这两句
为什么不行呢

你的方法我试了
可以了
但我想问问以上那个为什么不行

Answer 1

捕捉单元格的单击事件，判断单元格是有图片的那一列的．是这一列的话就执行函数．在函数中间获得当前的ｇｒｉｄ被选中行的行号．然后通过这个行号来删除ｓｔｏｒｅ中的记录．我的网络硬盘系统就是这样实现的删除行的

[url]http://yourgame.iteye.com/blog/353361[/url]