- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
Ext.define('Block', {
config: {
title: 'default',
desc: 'default'
},
constructor: function (config) {
this.initConfig(config);
},
tpl: new Ext.Template( '<div class="block">\
<div class="close">×</div>\
<div class="wrapper">\
<h3 class="title">{0}</h3>\
<p class="desc">{1}</p>\
</div>\
</div>'),
create: function(){
var div = new Ext.dom.Element(document.createElement('div')),
html = this.tpl.apply([
this.title,
this.desc
]);
div.setHTML(html);
return div.first();
}
});
var form = Ext.get('form'),
blocks = Ext.get('blocks');
form.addListener('submit', function(e, me){
e.preventDefault();
var title = me.elements.title.value,
desc = me.elements.desc.value,
blockInstance = Ext.create('Block');
blockInstance.setTitle(title);
blockInstance.setDesc(desc);
var blockElement = blockInstance.create();
blocks.appendChild(blockElement);
blockElement.select('.close').addListener('click', function(){
blockElement.remove();
});
me.reset();
});
Реализация минимального todo app на ExtJS. Переписывалась с чистого js ради эксперимента.
Lure Of Chaos 16.05.2014 12:35 # +2