Sencha Touch - 模型



模型基本上是数据的集合或字段,每个字段用于存储某种特定类型的信息。

由于 Sencha 遵循基于基础的架构,因此可以自定义类以执行特定任务。

Ext.data.Model 是我们定义任何模型时需要扩展的基类。

定义模型

Ext.define('Student', {
   extend: 'Ext.data.Model', config: {
      fields: [
         { name: 'id', type: 'int' },
         { name: 'name', type: 'string' }
      ]
   }
});

字段

字段用于存储信息片段,字段的集合称为模型。

我们主要在模型中定义以下类型的字段:

  • 整数
  • 字符串
  • 布尔值
  • 浮点数

语法

{ name: 'id', type: 'int' },
{ name: 'name', type: 'string' },
{ name: 'marks', type: Float },
{ name: 'newStudent', type: 'boolean' }

验证器

在 Sencha Touch 中,模型支持多种验证方式,以确保数据格式正确。

以下是验证器:

  • 存在性 - 确保名称字段没有空值。

  • 长度 - 限制字段的长度。它有两个参数 - min 和 max - 定义最小和最大长度。

  • 格式 - 确保字段值符合给定的表达式。在以下示例中,它不允许我们添加任何数字以外的值。

  • 包含 - 确保只允许列表中定义的值。在以下示例中,它只允许 M 和 F 作为值。

  • 排除 - 确保我们不允许列表数组中定义的值。在以下示例中,它不允许零作为年龄。

语法

validations: [
   { type: validation type,  field: on which the validation has to applied }
]
validations: [
   { type: 'presence',  field: 'name' },
   { type: 'length',    field: 'name', min: 5 },
   { type: 'format',    field: 'age', matcher: /\d+/ },
   { type: 'inclusion', field: 'gender', list: ['male', 'female'] },
   { type: 'exclusion', field: 'name', list: ['admin'] }
],

// now lets try to create a new user with as many validation errors as we can
var newUser = Ext.create('User', {
   name: 'admin', age: 'twenty-nine', gender: 'not a valid gender'
});

// run some validation on the new user we just created
var errors = newUser.validate();

console.log('Is User valid?', errors.isValid()); 
// returns 'false' as there were validation errors

console.log('All Errors:', errors.items); 
// returns the array of all errors found on this model instance

console.log('Age Errors:', errors.getByField('age')); // returns the errors for the age field
sencha_touch_data.htm
广告