Ext2.0 form使用实例(很详细的讲解,强烈推荐)
Ext2.0的form不单增加了时间输入控件、隐藏输入控件,还修改了创建方法,通过formpanel代替了原来form,column也根据新的布局定义更新了定义方式。总体来说,定义一个form更简单便捷了。本文将通过一个实例介绍一下2.0的form的创建以及其大部分控件的使用方法,因水平有限,错漏难免,忘大家多多谅解!   我们先来看看我们将要设计的form的情况:
Tags: 控件  fieldLabel  Ext  javascript  JS  
Ext-js中的表单错误提示类型

Ext-js中的表单错误提示类型

在Ext-js API中没有 Ext.form.Field.prototype.msgTarget = 'side';的相关解释,只有在DEMO中才发现,先将错误提示类型列出:

位置值

描述

qtip

当鼠标移动到控件上面时显示提示

title

在浏览器的标题显示,但是测试结果是和qtip一样的

under

在控件的底下显示错误提示

side

在控件右边显示一个错误图标,鼠标指向图标时显示错误提示

[element id]

错误提示显示在指定idHTML元件中

 


Tags: Ext  表单  错误  JS  
EXT权限树--用户权限定义——设置模块权限

设置模块权限用于设置用户可以操作的权限。允许设置用户对模块的可操作与不可操作。  弹出设置权限子窗体 设置权限之前须选择一个用户。 Js代码

  1. var row = grid_user.getSelectionModel().getSelected();         
  2.           if(!row){   
  3.               alert('对不起,您还未选择数据!');   
  4.               return;   
  5.           }   

Tags: Ext  笔记  javascript  JS  
创建gridpanel解析

定义selectionModel:

 

Js代码 复制代码
...

Tags: Ext  gridpanel  笔记  javascript  JS  
combobox引用

combobox引用也可以获得combobox中的两个值,即显示的值和元素的value。

 

Ext.form.ComboBox

 

getEl() : Ext.Element

...

Tags: Ext  笔记  javascript  JS  
combobox被手工清空

1.combobox被手动的清空后,此时combobox.getEl().dom.value为空,可combobox.value并不为空。也就是说,EXT中combobox中两个配置项displayField为空,valueField不为空。因而,在combobox被手工清空后,也应清空它的valueField中的值。另一种方式是,使得用户不能编辑combobox,只能选择。

 

给combobox添加change事件即可实现。

 

...
Tags: Ext  笔记  javascript  JS  
Ext.data.Record的创建

Ext.data.Record代报一条记录,看record即可知道其含义。记录由字段域组成,定义一个record,则需要指定其内部的字段域。

 

定义一个Ext.data.Record。

 

Js代码 复制代码
...

Tags: Ext  笔记  javascript  JS  
EXT另一种表单的创建方法

EXT表单创建可以使用Ext.form.FormPanel。原先使用时,较多的使用到了xtype这配置项。在后面的JS访问时使用元素的DOM ID来访问,设置或取得其值。现另有一方法,可以向JAVA一样,先在外部定义一个对象,然后添加到Ext.form.FormPanel中展现出来。 定义EXT对象。 

Js代码 var q_jhny = new&n..............


Tags: Ext  javascript  JS  
extJS中QuickTips的作用及用法

在extJS的例子中,大部分都在程序第一行使用了如下语句:

Ext.QuickTips.init();
...

Tags: Ext  ExtJS  javascript  JS  
form和column:extJS的布局关键字

对于一个容器组件,比如Ext.FormPanel,其内部空间无非是按照横向或纵向划分;如果需要更复杂的布局方式,就对第一次划分得到的子区域进行再划分。 form的含义是把容器按照横向划分,划分得到的行数与容器内的子元素(直接子元素,而不包含子元素内部的元素)个数相同,每个元素占一行; column的含义是把容器按照纵向划分,划分得到的列数同上。 下面看看如何使用form和column 比如让我们实现一个登录的界面: var login = new Ext.FormPanel({ labelAlign: 'top', ...


Tags: Ext  ExtJS  form  column  javascript  JS  
Ext布局类的介绍与使用
在WEB应用的开发中,应用界面的布局设计是一项很重要的内容。在EXT中,可以通过
BorderLayoutNestedLayoutPanel很方便的设计出各种的布局。本文章的主要内容主要
是介绍如何通过BorderLayoutNestedLayoutPanel以及各种面板设计页面布局。
... 
            
Tags: Ext  ExtJS  笔记  javascript  JS  
Ext 布局Layout使用总结
布局Layout的一些概念:
区域(region):任何一个封闭的DOM元素,例如body,div,span等
布局管理器(layout manager):负责管理页面中的区域。在Ext中布局管理的主要的用户组件是BorderLayout类。在BorderLayout中划分好了一些预定的区域。可用的区域分别有south, east, west, north,和center。每一个BorderLayout对象都提供这些区域,但只有center要求必须使用的。
...

Tags: Ext  ExtJS  笔记  javascript  JS  
分页:[«] 1[2] [3] [4] [»]
Feed订阅集
勤劳致富^.^
Powered By Z-Blog   STYLE by busfly . FatMouse
Copyright © 2007 巴士飞扬技术博客. . 沪ICP备07027972号. 会员群1(VS为主):3769186.