Extjs初学者(二)

表单vtype验证

 1 <script>
 2         Ext.onReady(function(){
 3             Ext.QuickTips.init();
 4             Ext.create(‘Ext.form.Panel‘,{
 5                 title:‘示例‘,
 6                 frame:true,
 7                 width:300,
 8                 renderTo:Ext.getBody(),
 9                 defaultType:‘textfield‘,
10                 items:[
11                 {
12                     fieldLabel:‘邮件‘,
13                     vtype:‘email‘
14                 },{
15                     fieldLabel:‘网址‘,
16                     vtype:‘url‘
17                 },{
18                     fieldLabel:‘字母‘,
19                     vtype:‘alpha‘
20                 },{
21                     fieldLabel:‘字母和数字‘,
22                     vtype:‘alphanum‘
23                 }
24                 ]
25             });
26     });
27     </script>

时间: 2024-08-25 18:43:02

Extjs初学者(二)的相关文章

Extjs初学者(三)

文件的上传与下载 上传: 前台: 1 <html> 2 <head> 3 <title>图书管理界面</title> 4 <link rel="stylesheet" type="text/css" href="../ext-4.2.1/resources/css/ext-all.css"/> 5 <script type="text/javascript" s

Extjs初学者(四)

Ext常用函数: Ext.onReady()  ---> 该方法的调用发生在Document对象加载完成后,Html的onload事件以及image加载之前 调用格式:Ext.onReady(Function fn,Object scope,boolean override) 参数说明: fn: 执行函数 [Object scope]:执行范围 [boolean override]:表示是否以scope作为fn的默认执行范围 Ext.get()  ---> 获取HTML.dom中的Elemen

Extjs初学者(一)

Ext.form.field.Number针对数字约束的配置项 1 <html> 2 <head> 3 <title>图书管理界面</title> 4 <link rel="stylesheet" type="text/css" href="../ext-4.2.1/resources/css/ext-all.css"/> 5 <script type="text/jav

extjs+MVC4+PetaPoco+AutoFac+AutoMapper后台管理系统(附源码)

前言 本项目使用的开发环境及技术列举如下:1.开发环境IDE:VS2010+MVC4数据库:SQLServer20082.技术前端:Extjs后端:(1).数据持久层:轻量级ORM框架PetaPoco(2).依赖注入:AutoFac(3).对象关系映射:AutoMapper(4).数据验证(MVC自带的验证封装使用)(5).SQL翻译机(6).缓存 以上使用都参考或直接借鉴使用了园子内牛人们的代码,只是学习交流使用而已,还请勿怪,我为了简便,没有分多个类库,而是以文件夹的形式分的,大家可以根据文

ExtJS之基本概念、环境搭建

一.基本概念 ExtJS 简介 - ExtJS 是一个兼容各浏览器的纯 JavaScript 应用程序框架,使用它可以创建最佳跨平台互联网应用程序 为什么 ExtJS 原因 二.环境搭建 目录结构 - 推荐下面这种目录结构 使用ExtJS 动态加载 引入库的方法 发布 Containers容器 Panel Layouts布局 布局系统如何工作 组件component 别名和延迟初始化 显示和隐藏 浮动组件 数据 模型和存储(Model & Stores) 创建一个模型 Model 创建一个存储S

二、第一个ExtJS程序:helloExtJS

开发前的准备 下载并解压ExtJS包后,可以得到下图的文件目录结构: 在实际开发过程中并不需要所有的文件和目录,所需的包含如下目录即可: 若使用eclipse进行开发,只需将上述文件复制到WebRoot目录或其子目录. 开始 新建firstextjs.html 在使用ExtJS之前,需要在页面引入相应的样式和js文件,一般包括的最小集合是这样:ext-all.js,adapter/ext/ext-base.js,locale/ext-lang-zh_CN.js和整个resources目录. ex

(我是初学者)第一次项目开发(二)开发中遇到的问题和注意事项

这周正式开始做项目练习,这才发现实际去做的时候会遇到和出现很多的问题 在这里说一说我的体会,请指正 首先,实体类 1.实体类中有哪些属性,类型是什么,并根据属性建立sql的相应表格, 2.哪些属性需要在写在实体类中,而在sql中不用添加 3.值得注意的是变量名要规范,一看就知道什么意思,同时在建sql表的时候,要尽力保证sql中的变量名和实体bean中的变量名一致,这在后面写实现类的时候会方便很多,这个也是在写持久接口实现类的才发现的 二.sql数据的添加 这一步是和业务接口设计分工同时进行的,

ExtJS 4.2 业务开发(二)数据展示和查询

本篇开始模拟一个船舶管理系统,提供查询.添加.修改船舶的功能,这里介绍其中的数据展示和查询功能. 目录 1. 数据展示 2. 数据查询 3. 在线演示 1. 数据展示 在这里我们将模拟一个船舶管理系统,并提供查询.添加.修改的功能. 大致的目录结构如下: ShipMgrTab.js :船舶业务的入口. controller 目录:存放船舶业务的逻辑控制文件. model 目录:存放船舶业务的model文件. store 目录 :存放船舶业务的store文件. view 目录 :存放船舶业务的组件

应用程序框架实战十二:公共操作类开发技巧(初学者必读)

本文专门为初学者而写,因为很多初学者可能还不了解公共操作类的作用和封装技巧,大部分有经验的程序员都会把自己所碰到的技术问题整理封装成类,这就是公共操作类.公共操作类往往具有一些通用性,也可能专门解决某些棘手问题.公共操作类是应用程序框架的核心,主要目标是解决大部分技术问题.我将在本文介绍封装公共操作类的要点,供初学者参考. 开发公共操作类的原因 很多初学者会奇怪,.Net Framework提供的API相当易用,为何还要多此一举,进行一层封装呢.下面列举封装公共操作类的一些动机. .Net Fr