Sencha touch-尝试从列表中删除行
|
我尝试使用此代码获取可编辑列表:
var isEditing = false;
new Ext.Application({
launch: function(){
new Ext.Panel({
//layout: \'card\',
fullscreen: true,
items: new Ext.List({
id: \'myList\',
store: new Ext.data.Store({
fields: [\'myName\'],
data: [{ myName: 1 }, { myName: 2 }, { myName: 3}]
}),
itemSelector: \'.x-list-item\',
multiSelect: true,
itemTpl: \'<span class=\"name\">{myName}</span>\',
tpl: new Ext.XTemplate(
\'<tpl for=\".\">\' +
\'<div class=\"x-list-item\">\' +
\'<tpl if=\"this.isEditing()\">\' +
\'<img src=\"images/delete.gif\" \' +
\'onclick=\"Ext.getCmp(\\\'myList\\\').myDeleteItem({[xindex-1]})\" \' +
\'style=\"vertical-align: middle; margin-right: 15px;\"/>\' +
\'</tpl>\' +
\'{myName}</div>\' +
\'</tpl>\',
{
compiled: true,
isEditing: function () {
console.log(\'isEditing (tpl):\' + isEditing)
return isEditing;
}
}),
myDeleteItem: function (index) {
var store = this.getStore();
var record = store.getAt(index);
console.log(\'removing \' + record.data.myName);
store.remove(record);
},
listeners: {
itemtap: function () {
if (isEditing){
console.log(\'isEditing: \' + isEditing);
return;
}
},
beforeselect: function () {
console.log(\'isEditing: before \' + !isEditing);
return !isEditing;
}
}
}),
dockedItems: [{
dock: \'top\',
xtype: \'toolbar\',
layout: { pack: \'right\' },
items: [
{
xtype: \'button\',
text: \'Edit\',
handler: function () {
var list = Ext.getCmp(\'myList\');
if (!isEditing)
list.mySelectedRecords = list.getSelectedRecords();
isEditing = !isEditing;
this.setText(isEditing ? \'Save\' : \'Edit\');
list.refresh();
if (!isEditing)
list.getSelectionModel().select(list.mySelectedRecords);
}
}]
}]
});
}
});
但它无法正常工作。如果我按EDIT按钮,则没有删除图像,因此也没有删除的项目。
没有找到相关结果
已邀请:
2 个回复
诫商
刷遍派戳
凯文