1. JavaScript / Говнокод #15986

    +154

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    35. 35
    36. 36
    37. 37
    38. 38
    39. 39
    40. 40
    41. 41
    42. 42
    43. 43
    44. 44
    45. 45
    46. 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 ради эксперимента.

    Запостил: DrDre, 15 Мая 2014

    Комментарии (1) RSS

    • ava Lure Of Chaos 16.05.2014 12:35 # +2

      ExtJS даже хайлайтер боится и отказывается подсвечивать
      Ответить

    Добавить комментарий