美文网首页
EXT.js学习(四)

EXT.js学习(四)

作者: 冰已凋零 | 来源:发表于2017-03-16 11:29 被阅读0次

    自定义数据模型

    在上一节中,我们使用Ext.define 来自定义类,通过Ext.define 定义的类都默认继承自Ext.base 类。如果我们将extend 设置为Ext.data.Model,那么定义的类就是一个数据模型类了。先定义一个简单的数据模型类 User类,代码如下:

    Ext.define('MyApp.User', {
        extend: 'Ext.data.Model',
        fields: [
            { name: 'name', type: 'string' },
            { name: 'age', type: 'int' },
            { name: 'phone', type: 'string' }
        ]
    });
    

    在代码中可以看出,数据模型类其实就是一个继承自Ext.data.Model 的类。

    fields 属性中定义了该模型的字段,它可以是对应到数据库中的字段。在使用的时候,数据模型包含的字段和类的属性使用方式不太相同。要访问字段的值,需要视同 getset 方法,例如:

    var Tom = Ext.create("MyApp.User", {
        name: 'Tom',
        age: 26,
        phone:'123456'
    });
    Tom.set('age', 20);
    Ext.MessageBox.alert('提示', Tom.get('age'));
    

    我们实例化User类,初始化的时候,age的值为26,然后通过set 方法设置为 20,再通过get 方法得到 age 字段的值,运行截图如下:

    Ajax请求

    Ext.Ajax.request({  
            method : 'GET',  
            url : './app/data.json',  
            params : {  
                'id' : 3 
            },
            success : function(response, config) {  
            
                Ext.Msg.alert('提示', response.responseText);  
                
            },  
            failure : function() {  
                Ext.Msg.alert('提示', '删除失败!');  
            }  
        }); 
    

    相关文章

      网友评论

          本文标题:EXT.js学习(四)

          本文链接:https://www.haomeiwen.com/subject/ekjdnttx.html