Extjs中文版是一款基于web打造的前端开发工具,采用浏览器中的html5功能,可以进行预测试和集成的UI组件开发,为开发人员提供了完整的web应用程序开发流程,可以提高工作效率。如果您正在从事web应用程序开发,不妨下载此款Extjs试试!
Extjs功能
预先集成和测试的UI组件
Extjs包括业界最全面的预集成和测试的高性能UI组件的集合。这些组件包括HTML5日历,网格,枢纽网格,D3适配器,树,列表,表单,菜单,工具栏,面板,窗口等等。Sencha社区还提供数百个用户扩展。
丰富的数据分析
Extjs使组织能够通过Sencha Pivot Grid向其Web应用程序添加强大的分析功能。它允许用户总结,汇总和分析多维数据以做出更明智的决策。
复杂的数据可视化
D3适配器使您能够将复杂的数据驱动文档包(D3)可视化功能(如heatmaps,treemaps,sunbursts等)添加到Web应用程序中。
后端不可知数据包
Extjs中包含的强大数据包将UI组件与数据层分离。数据包允许使用提供诸如排序和过滤等功能的高功能模型的客户端数据集合。数据包是协议不可知的,可以使用任何后端源的数据。它具有会话管理功能,允许多个客户端操作,最大限度地缩短到服务器的往返时间。
布局管理器和响应配置
Extjs包括一个灵活的布局管理器,以帮助组织跨多个浏览器,设备和屏幕尺寸显示数据和内容。它可以帮助您控制组件的显示,即使是最复杂的用户界面。Extjs还提供响应式配置系统,允许应用程序组件适应特定的设备方向(横向或纵向)或可用的浏览器窗口大小。
可定制的开箱即用的主题
Extjs组件可用于多种开箱即用的主题,包括Material,Triton,Classic,Neptune和Crisp。主题可定制,以反映特定的品牌标识。Sencha Cmd公开了Extjs主题使用的数百个变量,可以修改以设计自定义主题。
文件目录主要资源说明:
1、builds目录是ExtJS压缩后的代码,经过压缩的代码体积更小,加载更快。
2、docs目录是ExtJS的文档,其中最重要的是ExtJS的API。
3、examples目录是官方的演示实例。
4、locale目录是多国语言的资源文件,其中ext-lang-zh_CN.js是中文简体。
5、pkgs目录是ExtJS各部分功能的打包文件。
6、resource目录是ExtJS要用到的图片文件和样式表文件。
7、src目录是未压缩的源代码目录。
8、bootstrap.js是ExtJS库的引导文件,通过参数可以自动切换ext-all.js和ext-all-debug.js。
9、ext-all.js文件是ExtJS的核心库,是必须要引入的。
10、ext-all-debug.js文件是ext-all.js的调试版。
extjs使用方法
extjs是一个js库,所以使用起来也很简单,不用进行复杂的安装,只需要把一些必须的文件复制到我们的web项目中就可以了,然后在页面中引入extjs的css与js文件即可。
VS2012中实现ExtJS的智能提示:
VS2012发布后,以前的Extjs项目是在VS2010中做的。VS2010中智能提示不是很强,但是也有点作用。用VS2012打开项目后,居然发现VS2012可以自动提取Extjs类中的方法和属性。下面介绍下如何在VS2012中实现Extjs的智能提示。
新建一个项目,如图所示:
在自己的js脚本目录中,把ext-all-dev.js文件复制过来。然后创建自己的js脚本文件。这里是test.js。然后在test.js文件头部加入///这段代码。如果ext-all-dev.js不在本目录,那么要补全ext-all-dev.js所在路径。然后开始编写自己的代码,就会发现智能提示真的非常强大。如图: