Здравствуйте.
Я столкнулся с некоторыми странностями при освоении ExtJS5 CRUD. Был бы очень благодарен за подсказки. Итак, мой код:
Ext.define("Communication.model.entity.AoR", {
extend: "Ext.data.Model",
idProperty: "id",
fields: [
{ name: 'id',
type: 'int',
allowNull: true
},
"name"
],
proxy: {
type: "ajax",
reader: {
type: "json"
},
writer: {
type: "json",
rootProperty: "data",
encode: true
},
api: {
create: "/json?cmd=communication.aor.create",
read: "/json?cmd=communication.aor.read",
update: "/json?cmd=communication.aor.update",
destroy: "/json?cmd=communication.aor.destroy"
}
}
});
Ext.define("Communication.view.entity.aor.List", {
extend: "Ext.grid.Panel",
alias: "widget.entity-aor-list",
controller: "entity-aor-list",
title: "My panel",
viewModel: {
type: "entity-aor-list"
},
columns: [
{dataIndex: "name", flex: 1, bind: {text: "{hdrName}"}}
],
autoLoad: false,
store: {
model: "Communication.model.entity.AoR"
},
bind: {
title: "{listTitle}"
}
});
Ext.define("Communication.view.entity.aor.ListController", {
extend: "Ext.app.ViewController",
alias: "controller.entity-aor-list",
requires: [
"Ext.Action"
],
init: function(){
var
view = this.getView(),
store = view.getStore();
store.addListener("load", this.storeLoad, this);
store.addListener("add", this.storeAdd, this);
// create actions
this.actionAdd = Ext.create("Ext.Action", {
text: Communication.L10n.getText("add"),
disabled: true,
scope: this,
handler: this.addItem
});
this.actionSave = Ext.create("Ext.Action", {
text: Communication.L10n.getText("save"),
disabled: true,
scope: this,
handler: this.saveData
});
// add actions
view.addDocked([
{ xtype: 'toolbar',
dock: 'top',
items: [this.actionAdd, this.actionSave]
}
]);
store.load();
},
addItem: function(){
var view = this.getView(),
store = view.getStore(),
model = new Communication.view.entity.aor.ListModel({
id: 0,
name: "Test"
});
model.phantom = true;
model = store.add(model)[0];
},
storeAdd: function(store, records, index, eOpts){
this.actionSave.setDisabled(false);
},
saveData: function(){
this.getView().getStore().sync();
},
storeLoad: function(store, records, successful, eOpts){
this.actionAdd.setDisabled(false);
}
});
Странности начинаются при добавлении записей в стор. Если я не указываю айди при создании модели, или его значение null, то sync() приводит к ошибке: "too much recursion". В примерах, которые мне попадались, я никогда не видел чтоб в новых записях инициализировали айди нулем. Это странность номер один.
Далее, когда я после добавления записи вызываю sync() ничего не происходит. Никаких обращений к серверу. Пытаюсь выставить model.phantom = true - не помогает. Вопрос номер два: как быть?
Еще, новая запись отображается в гриде без этих красных маркеров что показывают состояние dirty. Я пробовал сначала создать запись, а потом посетать поля. Так маркеры отображаются, но... sync() приводит к обращению по адресу update: "/json?cmd=communication.aor.update". Как бы это сделать так, чтобы и новая запись мыла отмаркирована, и операцию происходила правильная?
