这几天在学习ExtJS,爱上了它丰富的漂亮的UI。让人开心的是,只要通过编写javascript就能做出专业的美工来,这对于开发人员来说是如此大的魅力呢。
首先是使用ExtJS的准备工作,把adapter和resources两个文件夹,和ext-all.js文件复制到我们的项目中。然后在页面中引入,代码如下:
至于第三个参数,我也不太清楚,大概是用来控制函数的执行的吧,一般很少会用到。
Code
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><link href="ExtJS/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="ExtJS/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ExtJS/ext-all.js"></script>
这样我们就能使用ExJS了。
首先从基本的Ext.onReady(Function fn,Object scope,boolean override)开始。onReady方法将会在页面加载完成后执行,相当于我们平时常用到的window.onload方法,它是Ext.EventManager.onDocumentReady的缩写版。onReady一共有三个参数:第一个参数是页面加载完成后要执行的函数,这也是我们用的最多的。
Code
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->function init()
{
Ext.MessageBox.alert("Alert","页面加载完成!");
}
Ext.onReady(init);
第二个参数是指定要执行的函数所在的域。
Code
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->var show={mss:"我加载完成了!"};
function init()
{
Ext.MessageBox.alert("Alert",this.mss);
}
Ext.onReady(init,show);
分享到:
相关推荐
语言程序设计资料:ExtJs学习笔记-2积分.doc
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...
NULL 博文链接:https://chenxueyong.iteye.com/blog/336117
NULL 博文链接:https://lucky16.iteye.com/blog/1522254
NULL 博文链接:https://lucky16.iteye.com/blog/1490278
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
extjs in action 1-6章节 pdf extjs in action 1-6章节 pdf
Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经达到1MB的ext-all.js了,本文介绍如何在EXTJS4...
ExtJs学习资料22-从服务器获取JSON数据并分页处理.doc
extjs2----关于extjs 的使用,操作.比较初级,但是也比较使用。适合初步接触extjs的朋友
ExtJs学习资料47-完整的登录实例(非ajax提交).docExtJs学习资料47-完整的登录实例(非ajax提交).docExtJs学习资料47-完整的登录实例(非ajax提交).doc
ExtJs学习资料28-Ext.data.JsonStore数据存储器
ExtJs学习资料14-OOP[JavaScript面向对象编程]
ExtJS快速入门--传智播客--蔡世友
ExtJS----HelloWorld程序源码
Extjs3.4 Ext-core.pdf 轻松搞定Extjs.pdf Extjs学习笔记 里面有3.4的开发包,附属:Ext-core.pdf 轻松搞定Extjs.pdf Extjs学习笔记
ExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.doc
ExtJs学习资料47-完整的登录实例(不带验证码).docExtJs学习资料47-完整的登录实例(不带验证码).docExtJs学习资料47-完整的登录实例(不带验证码).doc
Extjs4---grid的修改、删除功能---结合struts2、hibernate
Extjs4---combobox省市区三级联动+struts2