extjs cellediting

1.项目使用extjs cellediting,使用后grid中的数据就是无法被修改,调了一上午加下午半小时终于知道问题所在:store中的api一定要有update项,且update指到的文件不能是数据原有文件。
store:

Ext.define('×××.store.×××',{
extend:'Ext.data.Store',
model:'×××.model.×××',
autoLoad: true,
autoSync: true,
storeId: '×××',
proxy:{
type:'ajax',
url:'data/×××.json',
api:{
read:'data/×××.json',
update:'data/×××Update.json',

},
reader:{
type:'json',
root:'×××',
successProperty:'success',
messageProperty:'message'
}


grid:

this.editing = Ext.create('Ext.grid.plugin.CellEditing', {
ptype:'cellediting',
clicksToEdit: 1,
autoCancel:false,
listeners:{
validateedit:{ fn:this.000000000,
scope:this
}
}
});
Ext.apply(this,{
plugins:[this.editing],
……
});

000000000: function(editor, e, options) {
console.debug(" cell edit listener ");
console.log(editor);
console.log(e);
console.log("e.value:"+e.value);
console.log("options:"+options);
}


2.extjs中和 Date相关的小问题
如果想要只允许用户选择今天之后的日期,只需设置:
minValue: new Date(),

设置在grid中显示的日期格式:
renderer: Ext.util.Format.dateRenderer('Y-m-d'),

示例代码如下:

{
header: 'Deadline',
dataIndex: 'deadline',
flex:1,
minWidth:100,
renderer: Ext.util.Format.dateRenderer('Y-m-d'),
field: {
xtype: 'datefield',
allowBlank: false,
format: 'Y-m-d', //选择日期时显示的日期格式
renderer: this.formatDate,
minValue: new Date(),
value:this.formatDate(value)
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值