ExtJS
ysj5125094
这个作者很懒,什么都没留下…
展开
-
ExtJs开篇(我的备忘录,赋ExtJs3.0中文帮助文档).
1.在做ExtJs开发之前首先要去网站上下载ExtJs的开发包.我用的版本是3.2.0,以后在本博客上看到关于ExtJs的介绍,基本都是使用3.2.0版本的.请了解. 2.下载之后解压缩,把ext-3.2.0文件夹下(包含ext-3.2.0)所有文件都放到自己工程根目录,以方便开发. 3.开发ExtJs时分别用到以下三个最基本的Js包: a.ext-3.2.0/r...2011-07-07 19:29:16 · 228 阅读 · 0 评论 -
ExtJs之数据和ComboBox控件
一、如何获取数据 在ExtJs中获取数据主要靠下面四个类: Ext.data.DataProxy、Ext.data.Record、Ext.data.DataReader、Store。下面对这三个类做个简单的介绍。 DataProxy:获取想要的数据。通过他能得到来自不同地方的数据,如数组、远程服务器,并组织成不同的格式。 DataReader:定义数据项的逻辑...2013-03-04 16:21:13 · 226 阅读 · 0 评论 -
Extjs之按钮与日期选择器
一、Ext.Button类 按钮控件用Ext.Button来表示,有三种类型:提交(submit)、重置(reset)和普通按钮(button)。对于按钮来说,最重要的就是触发单击事件了。 按照OOP的习惯,我们会这样定义按钮: var btn = new Ext.Button(); btn.setText("确定"); // 按钮上的文字 btn.type =...2013-03-02 19:43:50 · 435 阅读 · 0 评论 -
ExtJs之格式化(Ext.util.Format)
一、Ext.util.Format 类 严格来说,Ext.util.Format 并不是一个类,只是一个对象。所以,调用他的方法时并不需要先行实例化,直接调用即可,类似于java 中的static方法。 如果打开他的源代码,基本结构是这样的: Ext.util.Format = function() { var trimRe = /^\s+|\s+$/g; ret...2013-03-02 15:07:29 · 1013 阅读 · 0 评论 -
ExtJs之元素操作与模板(ExtJs.DomHelper和Ext.XTemplate)
一、简介 元素操作通常是指标签的创建、定位、删除和样式定义等。 模板是Extjs中一个非常重要的基础功能,因为需要生成大量的HTML标签,使用模板绝对是不二的最佳选择,能带来非常棒的可读性。 二、Ext.DomHelper 类 Ext.DomHelper 类帮助我们使用javascript 清晰地生成HTML代码,他的使用非常灵活,我们应该找准他的主线,像庖丁解牛一样再...2013-03-02 11:02:49 · 186 阅读 · 0 评论 -
ExtJs之Ext.Fx类,让界面动起来
界面具有动画效果最后归结为元素的动画效果。Extjs 定义了若干个方法用于完成元素动画的实现,一些是内置的,一些需要程序员自己编程。简单说,动态修改元素的样式是实现动态效果最直接最常见的方法,所以,这其中并无奥妙可言,看清楚了事实的真相,只要具备足够丰富的想象力,任何人都可以做出叹为观止的动画。 虽然动画效果应用于Ext.Element 对象,却并...2013-03-01 22:07:29 · 197 阅读 · 0 评论 -
ExtJs表单FormPanel
1.简单表单实例 /** 简单表单实例(与JSP页面进行交互) */ function createSimpleFormPanel(){ var myFormPanel = new Ext.form.FormPanel({ renderTo: document.body, title: '我的表单', width: 2...2011-07-17 18:09:34 · 113 阅读 · 0 评论 -
ExtJs菜单Menu
创建简单Meun,实现在TreePanel上面右键. /** 创建简单Menu */ function createMenu(){ //创建一个菜单 var myMenu = new Ext.menu.Menu({ items:[{ text: '右键快捷方式1', menu: [{ ...2011-07-16 19:18:14 · 201 阅读 · 0 评论 -
ExtJs树TreePanel
1.创建一个简单(静态)的树 /** 创建一个简单(静态)的树 */ function createSimpleTreePanel(){ //因为每个树中由N个节点组成的,所以要创建树,必须创建树所包含的节点(树必须有一个或多个根节点). var vRoot = new Ext.tree.TreeNode({text: '根节点1'}) ;//创建节点 ...2011-07-16 19:16:05 · 98 阅读 · 0 评论 -
ExtJs表格控件Grid
下面介绍三种ExtJs中最常见的表格控件:GridPanel,EditorGridPanel,PropertyGrid. 1.创建普通的Grid表格 /** 创建普通的Grid表格 */ function createGridPanel(){ var myData = [//以数组的形式定义数据 ['3m Co',71.72,0.02,0.03,'9/...2011-07-14 21:44:16 · 124 阅读 · 0 评论 -
ExtJs标签TabPanel
function myRender(p){ Ext.Msg.alert("提示",p.title+"渲染成功") ; } Ext.onReady(function(){ var i = 4 ; //注意:每个Tab标签只渲染一次 var tabs = new Ext.TabPanel({ renderTo: Ext.getBody(),//绑定在b...2011-07-13 21:26:11 · 183 阅读 · 0 评论 -
myeclipse8.5安装spket插件(转)
1.Myeclipse8.5安装插件的界面有很大改变,在help菜单中,选Myeclipse Configuration Center: 2.在Software面板中点击“add site”: 3.在弹出的Add Site 输入插件的name & site :Name: “Spket”, Url: “http://www.spket.com/update/” 点击完成后会...原创 2010-12-06 20:01:48 · 114 阅读 · 0 评论 -
ExtJs布局管理
所有ExtJs的Layout Class都在API Documentation->Ext->Layout下,如果想用哪种而已方式可以直接查询API帮助文档.我写这篇文章的意思是把学习的时候做的笔记保留下了,为了以后使用方便. 下面列出的是一些常用的Layout. layout.html页面代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HT...2011-07-10 16:18:56 · 98 阅读 · 0 评论 -
ExtJs之消息框
1.最简单的消息框_提示框. 提示框的语法: Ext.MessageBox. alert ( String title, String msg, Function fn, Object scope ); 参数定义如下: 1、title:标题 2、msg:提示内容 3、fn:提示框关闭后自动调用的回调函数 4、scope:作用域,用于指定this指向哪里, 例子代码如下: ...2013-03-01 12:02:05 · 259 阅读 · 0 评论