`
skzr.org
  • 浏览: 368850 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

1 搭建环境——ExtJS学习之旅

阅读更多

学习ExtJS第一步:搭建ExtJS的执行环境

ExtJS学习之旅:目录 下一篇:ExtJS基础

步骤:下载ExtJS--> 部署ExtJS-->测试ExtJS

  1. 下载ExtJS: 官方地址ExtJS v3.2.0 或者 我的项目CMS4G中下载ExtJS v3.2.0
  2. 部署ExtJS: (最小化ExtJS部署ext-3.2.0目录的ext-all.js和adapter目录和resources目录就足够了) 把ExtJS部署到任何联网可以访问的地方,你可以选择你的应用根目录或者互联网上的一个存储位置(WebRoot/res/extjs3.2.0目录),比如我的项目CMS4G中的位置:ExtJS v3.2.0
  3. 测试ExtJS: 编写html文件测试ExtJS:WebRoot/examples/extjs/testExtJS.html
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    	<head>
    		<title>测试ExtJS部署</title>
    		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    		<link rel="stylesheet" type="text/css" href="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/resources/css/ext-all.css" />
    	    <!-- ExtJS library: base/adapter -->
    	    <script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/adapter/ext/ext-base-debug.js"></script>
    	    <!-- ExtJS library: all widgets -->
    	    <script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/ext-all-debug.js"></script>
    
    	    <script type="text/javascript">
    		Ext.onReady(function() {
    			Ext.Msg.alert('提示', '执行方法 Ext.onReady()');
    		});
    		</script>
    	</head>
    
    	<body></body>
    </html>
     

我的理解:ExtJS是一个UI组件,编写基于ExtJS的程序是一件非常愉快的事情,它的组件非常丰富,可以很好的满足管理软件的需要,如果是做管理应用那么ExtJS就是为此而准备的 ^ ^

 

不擅长的领域就不要使用不擅长的工具了

分享到:
评论
18 楼 dickluo 2011-04-08  
灰常好啊 初学者感谢了
17 楼 skzr.org 2011-04-06  
ahopedog2 写道
就是客户端解析慢点

我不做通用的,定位的目标是企业用户,虽然IE可以使用,不过在网页中会推荐使用和下载chrom(从应用站点中)

剩下的基本上就不是问题的问题了。
16 楼 changtiger 2011-04-05  
学习Ext Js,最好能一边写,一边看源码。
15 楼 ahopedog2 2011-03-28  
就是客户端解析慢点
14 楼 skzr.org 2011-03-28  
累积是根本,潜心修炼中
13 楼 inritxihc 2011-03-28  
不错不错,我看好你哦
12 楼 skzr.org 2011-03-26  
sd8089730 写道
我想问一个 tree的问题.. treePanel的 click事件 和 expand事件怎么好像都是一回事..当我点击节点的展开的时候也执行click事件..

这个我没有试过!有时间再看看,顺便问问你的ExtJS版本是多少?

我一直在用3,未在treePanel中添加过click事件使用
11 楼 sd8089730 2011-03-26  
我想问一个 tree的问题.. treePanel的 click事件 和 expand事件怎么好像都是一回事..当我点击节点的展开的时候也执行click事件..
10 楼 skzr.org 2011-03-18  
cremains 写道
Ext 的确挺好用的。但是真的不敢用于商业目的,不知道哪天会不会找上门来。

貌似,只要不是做IDE,使用ExtJS是可以用于商业项目的。
也就是说不要和ExtJS竞争,ExtJS就可以商用
9 楼 cremains 2011-03-07  
Ext 的确挺好用的。但是真的不敢用于商业目的,不知道哪天会不会找上门来。
8 楼 skzr.org 2011-02-24  
刘金剑 写道
正在学习中,谢谢。

现在每天就是重复的事情,解决重复的问题,没时间研究extjs了,也实践少了
目前仅仅实践了extjs的tree!

人在江湖,身不由己!
7 楼 刘金剑 2011-02-24  
<div class="quote_title">skzr.org 写道</div>
<div class="quote_div">
<h1 style="text-align: center;">学习ExtJS第一步:搭建ExtJS的执行环境</h1>
<p>ExtJS学习之旅:<a href="/blog/647848" target="_self">目录</a>
下一篇:<a href="/blog/643210">ExtJS基础</a>
</p>
<h3>步骤:下载ExtJS--&gt; 部署ExtJS--&gt;测试ExtJS</h3>
<ol>
<li>
<strong>下载ExtJS:</strong>
<a href="http://www.extjs.com/products/js/download.php">官方地址</a>
,<a href="http://dl.iteye.com/topics/download/991a0cf9-ddf2-3f27-bc8a-ad9260669401">ExtJS v3.2.0</a>
或者 我的项目CMS4G中下载<a href="http://cms4g.googlecode.com/svn/trunk/res/download/ext-3.2.0.tar.gz">ExtJS v3.2.0</a>
</li>
<li>
<strong>部署ExtJS:</strong>
<span style="text-decoration: underline;">(最小化ExtJS部署ext-3.2.0目录的ext-all.js和adapter目录和resources目录就足够了)</span>
把ExtJS部署到任何联网可以访问的地方,你可以选择你的应用根目录或者互联网上的一个存储位置(WebRoot/res/extjs3.2.0目录),比如我的项目CMS4G中的位置:<a href="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0">ExtJS v3.2.0</a>
</li>
<li>
<strong>测试ExtJS:</strong>
编写html文件测试ExtJS:WebRoot/examples/extjs/testExtJS.html
<pre name="code" class="html">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;测试ExtJS部署&lt;/title&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
&lt;link rel="stylesheet" type="text/css" href="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/resources/css/ext-all.css" /&gt;
    &lt;!-- ExtJS library: base/adapter --&gt;
    &lt;script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/adapter/ext/ext-base-debug.js"&gt;&lt;/script&gt;
    &lt;!-- ExtJS library: all widgets --&gt;
    &lt;script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/ext-all-debug.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
Ext.onReady(function() {
Ext.Msg.alert('提示', '执行方法 Ext.onReady()');
});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;&lt;/body&gt;
&lt;/html&gt;</pre>
 </li>
</ol>
<p>我的理解:ExtJS是一个UI组件,编写基于ExtJS的程序是一件非常愉快的事情,它的组件非常丰富,可以很好的满足管理软件的需要,<span style="color: #ff0000;"><strong>如果是做管理应用那么ExtJS就是为此而准备的</strong>
</span>
^ ^</p>
<p> </p>
<p>不擅长的领域就不要使用不擅长的工具了</p>
</div>
<p> </p>
6 楼 刘金剑 2011-02-24  
正在学习中,谢谢。
5 楼 xredman 2010-05-12  
<p>照着阁下的步骤,我也学习ExtJS<img src="/images/smiles/icon_biggrin.gif" alt=""></p>
4 楼 joehe 2010-05-12  
楼上的你真豆
3 楼 明天的昨天 2010-04-30  
楼主加油啊 准备靠你的一系列文章学会extjs
2 楼 skzr.org 2010-04-24  
如果有钱,购买了还是好些
没钱的时候就当ExtJS“施舍”了
1 楼 ivyshark 2010-04-24  
现在什么情况 版权都不值钱的?

相关推荐

    轻松搞定Extjs

    - **开始组件学习之旅**: 引导读者进入Extjs组件的学习之旅。 - **被设计得面目全非的按钮**: 介绍了Extjs中按钮组件的灵活性和可定制性。 - **日期选择器Ext.DatePicker**: 详细介绍了日期选择器组件的使用方法,...

    ExtJS 轻松搞定

    #### 一、开始组件学习之旅 标志着从基本组件的学习开始,逐步构建更复杂的用户界面。 #### 二、被设计得面目全非的按钮 介绍了ExtJS中按钮组件的高级定制功能,包括图标、文本、工具提示等。 #### 三、日期选择器...

    Extjs中文教程

    - **开始组件学习之旅** - 从最基本的组件开始,逐步深入学习Extjs的各种组件。 - 按钮是最常用的组件之一,用于触发事件或提交表单。 - **被设计得面目全非的按钮** - 指的是按钮组件提供了丰富的定制选项,...

    EXT 下载各版本的步骤_2014630

    EXT,全称Sencha Ext JS,是一个广泛使用的JavaScript框架,专为构建富互联网应用程序(RIA)而设计。它提供了一套完整的组件模型、数据...通过遵循上述步骤,你可以顺利获取所需版本的EXT,并开始你的EXT开发之旅。

    无需编写任何代码即可创建应用程序:Deepseek-R1 和 RooCode AI 编码代理.pdf

    deepseek最新资讯、配置方法、使用技巧,持续更新中

    Heric拓扑并网离网仿真模型:PR单环控制,SogIPLL锁相环及LCL滤波器共模电流抑制技术解析,基于Heric拓扑的离网并网仿真模型研究与应用分析:PR单环控制与Sogipll锁相环的共模电流抑

    Heric拓扑并网离网仿真模型:PR单环控制,SogIPLL锁相环及LCL滤波器共模电流抑制技术解析,基于Heric拓扑的离网并网仿真模型研究与应用分析:PR单环控制与Sogipll锁相环的共模电流抑制效能,#Heric拓扑并离网仿真模型(plecs) 逆变器拓扑为:heric拓扑。 仿真说明: 1.离网时支持非单位功率因数负载。 2.并网时支持功率因数调节。 3.具有共模电流抑制能力(共模电压稳定在Udc 2)。 此外,采用PR单环控制,具有sogipll锁相环,lcl滤波器。 注:(V0004) Plecs版本4.7.3及以上 ,Heric拓扑; 离网仿真; 并网仿真; 非单位功率因数负载; 功率因数调节; 共模电流抑制; 共模电压稳定; PR单环控制; sogipll锁相环; lcl滤波器; Plecs版本4.7.3及以上,Heric拓扑:离网并网仿真模型,支持非单位功率因数与共模电流抑制

    培训机构客户管理系统 2024免费JAVA微信小程序毕设

    2024免费微信小程序毕业设计成品,包括源码+数据库+往届论文资料,附带启动教程和安装包。 启动教程:https://www.bilibili.com/video/BV1BfB2YYEnS 讲解视频:https://www.bilibili.com/video/BV1BVKMeZEYr 技术栈:Uniapp+Vue.js+SpringBoot+MySQL。 开发工具:Idea+VSCode+微信开发者工具。

    基于SMIC 40nm工艺库的先进芯片技术,SMIC 40nm工艺库技术细节揭秘:引领半导体产业新革命,smic40nm工艺库 ,smic40nm; 工艺库; 芯片制造; 纳米技术,SMIC 40nm

    基于SMIC 40nm工艺库的先进芯片技术,SMIC 40nm工艺库技术细节揭秘:引领半导体产业新革命,smic40nm工艺库 ,smic40nm; 工艺库; 芯片制造; 纳米技术,SMIC 40nm工艺库:领先技术驱动的集成电路设计基础

    2013年上半年软件设计师上午题-真题及答案解析

    2013年上半年软件设计师上午题-真题及答案解析

    淮南市乡镇边界,shp格式

    shp格式,可直接导入arcgis使用

    ROS下的移动机器人路径规划算法:基于强化学习算法DQN、DDPG、SAC及TD3的实践与应用,ROS系统中基于强化学习算法的移动机器人路径规划策略研究:应用DQN、DDPG、SAC及TD3算法,RO

    ROS下的移动机器人路径规划算法:基于强化学习算法DQN、DDPG、SAC及TD3的实践与应用,ROS系统中基于强化学习算法的移动机器人路径规划策略研究:应用DQN、DDPG、SAC及TD3算法,ROS下的移动机器人路径规划算法,使用的是 强化学习算法 DQN DDPG SAC TD3等 ,ROS; 移动机器人; 路径规划算法; DQN; DDPG; SAC; TD3,ROS强化学习移动机器人路径规划算法研究

    粒子群优化算法精准辨识锂电池二阶RC模型参数:高仿真精度下的SOC估计铺垫,粒子群优化算法精准辨识锂电池二阶RC模型参数:仿真验证与SOC估计铺垫,使用粒子群优化算法(PSO)辨识锂电池二阶RC模型参

    粒子群优化算法精准辨识锂电池二阶RC模型参数:高仿真精度下的SOC估计铺垫,粒子群优化算法精准辨识锂电池二阶RC模型参数:仿真验证与SOC估计铺垫,使用粒子群优化算法(PSO)辨识锂电池二阶RC模型参数(附MATLAB代码) 使用粒子群优化算法来辨识锂离子电池二阶RC模型的参数。 将粒子群优化算法寻找到的最优参数代入二阶RC模型进行仿真,经过验证,端电压的估计误差小于0.1%,说明粒子群优化算法辨识得到的参数具有较高的精度,为锂离子电池SOC的估计做铺垫。 ,关键词:粒子群优化算法(PSO); 锂电池二阶RC模型参数辨识; MATLAB代码; 端电压估计误差; 锂离子电池SOC估计。,PSO算法优化锂电池二阶RC模型参数:高精度仿真与MATLAB代码实现

    selenium环境搭建-谷歌浏览器驱动

    selenium环境搭建-谷歌浏览器驱动

    35页-华为智慧社区商业解决方案.pdf

    在当今科技日新月异的时代,智慧社区的概念正悄然改变着我们的生活方式。它不仅仅是一个居住的空间,更是一个集成了先进科技、便捷服务与人文关怀的综合性生态系统。以下是对智慧社区整体解决方案的精炼融合,旨在展现其知识性、趣味性与吸引力。 一、智慧社区的科技魅力 智慧社区以智能化设备为核心,通过综合运用物联网、大数据、云计算等技术,实现了社区管理的智能化与高效化。门禁系统采用面部识别技术,让居民无需手动操作即可轻松进出;停车管理智能化,不仅提高了停车效率,还大大减少了找车位的烦恼。同时,安防报警系统能够实时监测家中安全状况,一旦有异常情况,立即联动物业进行处理。此外,智能家居系统更是将便捷性发挥到了极致,通过手机APP即可远程控制家中的灯光、窗帘、空调等设备,让居民随时随地享受舒适生活。 视频监控与可视对讲系统的结合,不仅提升了社区的安全系数,还让居民能够实时查看家中情况,与访客进行视频通话,大大增强了居住的安心感。而电子巡更、公共广播等系统的运用,则进一步保障了社区的治安稳定与信息传递的及时性。这些智能化设备的集成运用,不仅提高了社区的管理效率,更让居民感受到了科技带来的便捷与舒适。 二、智慧社区的增值服务与人文关怀 智慧社区不仅仅关注科技的运用,更注重为居民提供多元化的增值服务与人文关怀。社区内设有互动LED像素灯、顶层花园控制喷泉等创意设施,不仅美化了社区环境,还增强了居民的归属感与幸福感。同时,社区还提供了智能家居的可选追加项,如空气净化器、远程监控摄像机等,让居民能够根据自己的需求进行个性化选择。 智慧社区还充分利用大数据技术,对居民的行为数据进行收集与分析,为居民提供精准化的营销服务。无论是周边的商业信息推送,还是个性化的生活建议,都能让居民感受到社区的智慧与贴心。此外,社区还注重培养居民的环保意识与节能意识,通过智能照明、智能温控等系统的运用,鼓励居民节约资源、保护环境。 三、智慧社区的未来发展与无限可能 智慧社区的未来发展充满了无限可能。随着技术的不断进步与创新,智慧社区将朝着更加智能化、融合化的方向发展。比如,利用人工智能技术进行社区管理与服务,将能够进一步提升社区的智能化水平;而5G、物联网等新技术的运用,则将让智慧社区的连接更加紧密、服务更加高效。 同时,智慧社区还将更加注重居民的体验与需求,通过不断优化智能化设备的功能与服务,让居民享受到更加便捷、舒适的生活。未来,智慧社区将成为人们追求高品质生活的重要选择之一,它不仅是一个居住的空间,更是一个融合了科技、服务、人文关怀的综合性生态系统,让人们的生活更加美好、更加精彩。 综上所述,智慧社区整体解决方案以其科技魅力、增值服务与人文关怀以及未来发展潜力,正吸引着越来越多的关注与认可。它不仅能够提升社区的管理效率与居民的生活品质,更能够为社区的可持续发展注入新的活力与动力。

    PowerSettingsExplorer.rar

    PowerSettingsExplorer.rar 电脑的电源管理软件,明白的不多说。自己搜索即可知道。

    2025年开源人工智能:关键参与者与预测.pdf

    deepseek最新资讯,配置方法,使用技巧,持续更新中

    DeepSeek 发布 Janus Pro AI 图像生成器 – 开源且免费.pdf

    deepseek最新资讯、配置方法、使用技巧,持续更新中

    消息中间件rabbitmq-server

    RabbitMQ 是一个开源的消息代理(Message Broker),实现了 AMQP(Advanced Message Queuing Protocol) 协议,用于在分布式系统中实现高效、可靠的消息传递。

    西门子S7-1200与汇川PLC新通信选择:Ethernet IP通信的突破与优势,功能安全及精准同步的创新实践 ,西门子S7-1200与汇川PLC通信新选择:Ethernet IP通信方案亮相,替代

    西门子S7-1200与汇川PLC新通信选择:Ethernet IP通信的突破与优势,功能安全及精准同步的创新实践。,西门子S7-1200与汇川PLC通信新选择:Ethernet IP通信方案亮相,替代Modbus TCP实现更高级功能与安全控制。,西门子PLC和汇川PLC新通信选择-西门子S7-1200 1500系列PLC也开始支持Ethernet IP通信了。 这为西门子系列的PLC和包括汇川AM400 600等Codesys系PLC的通信提供了新的解决方案。 当前两者之间的通信大多采用ModBus TCP通信。 Modbus TCP和EtherNet IP的区别主要是应用层不相同,ModbusTCP的应用层采用Modbus协议,而EtherNetIP采用CIP协议,这两种工业以太网的数据链路层采用的是CSMACCD,因此是标准的以太网,另外,这两种工业以太网的网络层和传输层采用TCPIP协议族。 还有一个区别是,Modbus协议中迄今没有协议来完成功能安全、高精度同步和运功控制等,而EtherNet IP有CIPSatety、ClIP Sync和ClPMotion来

    自适应无迹卡尔曼滤波AUKF算法:系统估计效果展示与特性分析(含MATLAB代码与Excel数据),自适应无迹卡尔曼滤波AUKF算法:系统估计效果展示与特性分析(含MATLAB代码与Excel数据)

    自适应无迹卡尔曼滤波AUKF算法:系统估计效果展示与特性分析(含MATLAB代码与Excel数据),自适应无迹卡尔曼滤波AUKF算法:系统估计效果展示与特性分析(含MATLAB代码与Excel数据),自适应无迹卡尔曼滤波AUKF算法 配套文件包含MATLAB代码+excel数据+学习资料 估计效果与系统特性有关,图片展示为一复杂系统估计效果 ,AUKF算法; MATLAB代码; excel数据; 学习资料; 估计效果; 系统特性。,自适应无迹卡尔曼滤波AUKF算法:MATLAB代码与学习资料

Global site tag (gtag.js) - Google Analytics