ExtJS中viewController、viewModel、View、Model的关联展示

最新推荐文章于 2021-08-05 20:13:45 发布

weixin_34335458

最新推荐文章于 2021-08-05 20:13:45 发布

阅读量766

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/buwei/blog/611314

本文探讨了为什么在软件开发领域，尽管大多数程序员具备扎实的技术基础，但仅有少数能够晋升为架构师的角色。通过分析技能、思维方式、经验和团队合作等关键因素，揭示了成为架构师所需跨越的界限。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

Ext.define('User', {
    extend: 'Ext.data.Model',
    fields: ['id','name'],
    proxy: {
        type: 'ajax',
        api: {
            read: 'read.json',
            update: 'update.json'
        }
    }
});
Ext.define('MyViewController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.myvc',
    onUserLoad: function(btn, e, eOpts) {
        this.getViewModel().linkTo('user', {
            type: 'User',
            id: 0
        })
    },
    onUserSave: function(btn, e, eOpts) {
        this.getViewModel().get('user').save({
            callback: function(record) {
                console.log( record )
            }
        })
    }
})
Ext.define('MyViewModel', {
    extend: 'Ext.app.ViewModel',
    alias: 'viewmodel.myvm',
    
});
Ext.define('MyForm', {
    extend: 'Ext.form.Panel',
    bodyPadding: 10,
    title: 'My Form',
    controller: 'myvc',
    viewModel: {
        type: 'myvm'
    },
    items: [{
        xtype: 'textfield',
        name: 'name',
        fieldLabel: 'Name',
        bind: '{user.name}'
    }],
    tbar: [{
        text: 'Load a User',
        handler: 'onUserLoad'
    }],
    bbar: [{
        text: 'Save',
        handler: 'onUserSave'
    }]
})
Ext.application({
    name: 'Fiddle',

    launch: function() {
        Ext.create('MyForm', {
            renderTo: document.body,
            width: 400
        })
    }
});

转载于:https://my.oschina.net/buwei/blog/611314