首页 / EXTJS / [ExtJs] ExtJs4.2 数据模型Ext.data.Model学习

[ExtJs] ExtJs4.2 数据模型Ext.data.Model学习

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了[ExtJs] ExtJs4.2 数据模型Ext.data.Model学习，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2280字，纯文字阅读大概需要4分钟。

内容图文

 

Model代表应用程序管理的一些对象。例如，我们可能会为 我们想在系统中建模的现实世界中的一些物体像使用者、产品和汽车等定义一个Model。这些Model在 Ext.ModelManager中注册，被Ext.data.Store使用, 而这些Ext.data.Store又被许多 Ext中许多与数据绑定的组件使用.

直接上代码:

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2015/12/13 0013
  Time: 08:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>

   <jsp:include page="resource.jsp"></jsp:include>
    <title>Ext数据模型Ext.data.Model</title>
</head>
<body>

<script type="text/javascript">
Ext.onReady(function(){
   // Ext.Msg.alert(‘提示‘,‘确定要删除此文件吗？‘);
    Ext.define("MyExt.User",{
        extend:"Ext.data.Model",
        fields:[
            {name: ‘name‘,  type: ‘string‘},
            {name: ‘age‘,   type: ‘int‘, convert: null},
            {name: ‘phone‘, type: ‘string‘},
            {name: ‘email‘, type: ‘string‘},
            {name: ‘alive‘, type: ‘boolean‘, defaultValue: true, convert: null},//默认值
            //转换器
            {name:‘birth‘,type:‘date‘,convert:function(value,record){

                if(Ext.isDate(value)){
                    return value;
                }elseif(Ext.isString(value)){
             //格式化
                    return Ext.Date.parse(value,‘Y-m-d‘);
                }

            }}
        ],

        validations:[
            { field: ‘phone‘, type: ‘length‘, min: 8, max: 13},
            { field: ‘email‘, type: ‘email‘}
        ],
     //自定义方法
        sayHello:function(msg){

            Ext.Msg.alert(‘提示‘,msg);
        }
    });


    var user = Ext.create(‘MyExt.User‘);

    user.sayHello(‘Ext的数据模型‘);

    //为指定字段重新赋值
    user.set(‘name‘,‘小黄‘);
    //获取指定字段的值
    console.info(user.get("name"));

    console.info(user.get(‘alive‘));//true//修改默认字段值的数据
    user.set(‘alive‘,false);
    console.error(user.get(‘alive‘));//false
console.info(‘************数据转换开始**************‘)
   var user_2 = Ext.create(‘MyExt.User‘,{
       name:‘我靠，where is my future?‘,
       birth:‘2032-12-12‘,
       phone:‘213‘,
      email:‘54353.com‘
   });

    console.info(user_2.get(‘birth‘)); //Sun Dec 12 2032 00:00:00 GMT+0800 (中国标准时间)/**
    *  验证电话 validations
     *///长度错误
    Ext.data.validations.lengthMessage = "长度错误";

    Ext.data.validations.emailMessage="邮箱格式错误!";


    var validMsg= user_2.validate();

    var msgs=[];
    if(!validMsg.isValid()){

        validMsg.each(function(msg){

           msgs.push(msg.field+‘字段验证信息:‘+msg.message);
        });

    }

    Ext.Msg.alert(‘提示‘,msgs.join(‘<br/>‘));
});
</script>

</body>
</html>

 

更多请参考：

ExtJS 4.2教程-04：数据模型

原文：http://www.cnblogs.com/lonelywolfmoutain/p/5042408.html

内容总结

以上是互联网集市为您收集整理的[ExtJs] ExtJs4.2 数据模型Ext.data.Model学习全部内容，希望文章能够帮你解决[ExtJs] ExtJs4.2 数据模型Ext.data.Model学习所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1076329.html

来源：【匿名】