ExtJs之ExtJs.Model验证

最新推荐文章于 2024-09-09 09:35:48 发布

weixin_33812433

最新推荐文章于 2024-09-09 09:35:48 发布

阅读量90

点赞数

文章标签： javascript ViewUI

没有搞好，但知道意思和配置，并且好像4和3的没有兼容性语法，所以网上找了新语法才出来了点东东。

<!DOCTYPE html>
<html>
<head>
    <title>ExtJs</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">
		<script type="text/javascript" src="ExtJs/ext-all.js"></script>
		<script type="text/javascript" src="ExtJs/bootstrap.js"></script>
		<script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>

    <script type="text/javascript">
			Ext.onReady(function(){
        //Ext.regModel('ProductInfo', {
        //  fields: ['productName', 'productNum', 'productPrice']
        //});
        /*
        Ext.data.validations.presenceMessage = '必须是有效值';
        Ext.data.validations.lengthMessage = '长度错误';
        Ext.data.validations.formatMessage = '格式错误';

        Ext.apply(Ext.data.validations, {
          number: function(config, value){
            if(value === undefined){
              return false;
            }
            var min = config.min,
                max = config.max;
            if((min && value < min) || (max && value > max)) {
              return false;
            }else {
              return true;
            }
          },
          numberMessage: '数据范围错误'
        })
        */
        Ext.define('Ext.data.validator.Number', {
          extend: 'Ext.data.validator.validator',
          alias: 'data.validator.number',
          type: 'number',
          config: {
            min: 160
          },
          validate: function(value){
            console.log(value);
            var result = Ext.isNumber(value);
            if(result){
              result = value > 0 && value < this.getMax();
            }
            return result ? result : this.getMessage();
          }
        });

        Ext.define('User', {
            extend: 'Ext.data.Model',
            fields: [
              {name: 'name', type: 'string'},
              {name: 'age', type: 'int'},
              {name: 'phone', type: 'string'}
            ],
            validators: {
              age: 'presence',
              //age: {type: 'number', min: 30},
              name: {type: 'length', min: 5}
            }
        });

        var user = Ext.create('User', {
          name: 'tom',
          age: 24,
          phone: '555-666-6666'
        });
        var errors = user.getValidation();
        /*
        var message = [];
        errors.each(function(v){
          message.push(v.field + ': ' + v.message)
        });

        alert(message.join('\n'));
        */
        alert(errors);
        alert(user.get('name'));


      });
    </script>
</head>
<body>
<div id='tpl-table1'></div>
<br>
<div id='tpl-table2'></div>
</body>
</html>

weixin_33812433

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ExtJs之ExtJs.Model验证

没有搞好，但知道意思和配置，并且好像4和3的没有兼容性语法，所以网上找了新语法才出来了点东东。&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;ExtJs&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html;
复制链接

扫一扫