ExtJS
iteye_9841
这个作者很懒,什么都没留下…
展开
-
MessageBox的几种提示框用法
<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-a原创 2011-03-22 22:50:41 · 4813 阅读 · 0 评论 -
布局之anchor布局
<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all原创 2011-03-24 17:57:12 · 284 阅读 · 0 评论 -
TabPanel的使用介绍
<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all原创 2011-03-24 18:23:58 · 674 阅读 · 0 评论 -
Menu简单实例1
Ext.onReady(function(){ var menu1=new Ext.menu.Menu({ items:[{ //菜单项的集合 text:"baidu", //菜单项的文本, href:"http://www.baidu.com",//指定链接地址 hrefTarget:"_blank", //链...原创 2011-03-25 01:07:47 · 133 阅读 · 0 评论 -
简单表格之SimpleStore
表格一般由:ColumnModel和Store两部分组成。<!-- Grid由Store和ColumnModel组成 --><!-- store的组成: 1、Record 2、Proxy和Data 3、DataReader --><HTML><HEAD> <TITLE>ʹ��EXT���H...原创 2011-03-26 17:41:26 · 7765 阅读 · 0 评论 -
在表格中出现鼠标一放到某列上就显示提示信息
首先介绍一下renderer:renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){} 1.value是当前单元格的值 2.cellmeta里保存的是cellId单元格id。 3.record是这行的所有数据,你想要什么,record.data["id"]这样就获得了。 4.r...原创 2011-03-31 11:10:12 · 1049 阅读 · 0 评论 -
ExtJs错误信息提示的四种方式
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html;原创 2011-04-04 17:43:08 · 912 阅读 · 0 评论 -
FormPanel示例
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html;原创 2011-04-04 18:22:46 · 100 阅读 · 0 评论 -
按钮触发事件的三种表示方法
<script type="text/javascript"> Ext.onReady(function(){ new Ext.Button({ renderTo:Ext.getBody(), text:"handler", handler:function(){ alert("******") ; } }...原创 2011-04-04 22:17:11 · 800 阅读 · 0 评论 -
Ext验证汇总
1.验证输入框长度:一个汉字等于两个字符问题validator:function(){ var str = Ext.util.Format.trim(news.getValue()); var size = 0; for(var i=0;i<str.length;i++){ var code = str.charCo...原创 2011-04-22 09:33:12 · 137 阅读 · 0 评论 -
分组表格和表格响应表单实例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>loadrecord.html</title> <link rel="styleshe原创 2011-04-23 18:22:48 · 83 阅读 · 0 评论 -
来自官方的开始时间和结束时间及密码和重复密码验证
/*! * Ext JS Library 3.3.1 * Copyright(c) 2006-2010 Sencha Inc. * licensing@sencha.com * http://www.sencha.com/license */// Add the additional 'advanced' VTypesExt.apply(Ext.form.VTypes,...原创 2011-04-23 18:40:17 · 113 阅读 · 0 评论 -
表单提交方式一
,buttons:[{ text : '登录' ,handler : login }, { text : '取消' ,handler : function() { FormPanel.loginForm.getForm().reset(); } }] function login(){ if(!FormPanel...原创 2011-05-04 00:00:04 · 76 阅读 · 0 评论 -
布局之accordion布局
<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all原创 2011-03-24 17:56:17 · 92 阅读 · 0 评论 -
布局之fit布局
<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all原创 2011-03-24 17:54:53 · 171 阅读 · 0 评论 -
布局之border
<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all原创 2011-03-24 17:35:48 · 139 阅读 · 0 评论 -
改变提示框按钮默认的文字
<script type="text/javascript"> Ext.onReady(function(){ /* 方法一:如果在配置对象中提供的信息不全就会出现按钮上没有文字的现象 即:buttonText定义的属性个数必须和buttons个数一致。 */ //必须放在创建提示框之前 Ext.MessageBox.but...原创 2011-03-22 22:59:48 · 1213 阅读 · 0 评论 -
动态更新对话框中的提示文字
/** updateText([String text]) text: 可选参数,显示的信息内容*/<script type="text/javascript"> Ext.onReady(function(){ var msgBox = Ext.MessageBox.show({ title: '提示', msg: '动态更...原创 2011-03-22 23:26:12 · 349 阅读 · 0 评论 -
updateProgress更新进度条及提示信息
<!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/> <script type="text/javascript" src="./../ext/adapter/ext/ext-bas原创 2011-03-22 23:43:23 · 1577 阅读 · 0 评论 -
进度条的自动、手动和自定义模式加载方式和区别
一、手动模式加载进度条:<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resourc原创 2011-03-23 08:13:11 · 256 阅读 · 0 评论 -
工具栏的创建
1.创建一个带图标按钮的工具栏:<!-- 工具栏常用元素介绍:Ext.Toobar1.Ext.Toolbar.Button——>按钮组件2.Ext.Toolbar.Fill——>用于充满工具条的空白元素3.Ext.Toolbar.Item——>基类,为其子类提供工具栏的基本功能支持4.Ext.Toolbar.Separator——>分隔符5.E...原创 2011-03-23 10:12:33 · 153 阅读 · 0 评论 -
菜单栏的创建
1.创建一个简单的菜单栏<!-- Ext.menu.Menu主要配置项目表: items:一个有效菜单项的数组 shadow: 阴影显示方式默认为true即sides方式(sides:左右下;frame:左右下上;drop:下右)菜单项主要类型表: Ext.menu.TextItem:文本元素 Ext.menu.Separator:菜单分隔符 Ext.menu.C...原创 2011-03-23 11:31:28 · 101 阅读 · 0 评论 -
form表单属性介绍
<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all原创 2011-03-23 14:57:48 · 155 阅读 · 0 评论 -
下拉框ComboBox的简单应用示例1
从本地读取数据: <HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resource原创 2011-03-23 15:21:10 · 629 阅读 · 0 评论 -
面板panel介绍
面板由5部分组成一个顶部工具栏(tbar)、一个底部工具栏(bbar)、面板头部(header)、面板尾部(button)和主区域(body)<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="styl...原创 2011-03-24 15:35:32 · 326 阅读 · 0 评论 -
Viewport介绍
Viewport代表整个游览器窗口,直接渲染到document.body节点,取代页面中的左右内容,一般作为应用程序的主界面。<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" ..原创 2011-03-24 15:52:31 · 109 阅读 · 0 评论 -
Window介绍
window表示应用程序的窗口,其实就是一个浮动的层,直接调用show方法显示窗口,窗口有关闭按钮。<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text原创 2011-03-24 16:12:59 · 158 阅读 · 0 评论 -
布局一之column布局
<HTML><HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all原创 2011-03-24 17:16:49 · 197 阅读 · 0 评论 -
下拉框之——动态获取数据
adduser.securityDegree1=null;adduser.securityDegree = new Ext.form.ComboBox( { store : new Ext.data.Store( { proxy : new Ext.data.HttpProxy( { url : '../JSON/groups_GroupsRemote.getSecur...原创 2011-05-04 15:49:35 · 464 阅读 · 0 评论