ExtJs

ExtJS 4.2 Grid预览

Posted 周二, 12/25/2012 - 18:11 by admin

随着新的ExtJS 4.2 Beta版本的发布，又发生了一系列的的变化。可以通过论坛公布的说明来了解完整的细节。在本文，将突出讲述Grid组件的性能改善。

在之前发表的《Ext JS 4.1性能》和《优化基于Ext JS 4.1的应用》中，强调了改进Grid组件的缓冲能力。Ext JS 4.2进一步提高了缓冲渲染的性能，并允许在更多情况下，以更少的配置来使用此功能。得益于这些优化，大型数据的应用程序的响应速度应该可以看到显著的提高。

Ext JS 4.1与Ext JS 4.2中的Grid的对比

在Ext JS 4.1，Grid组件每当用户滚动到缓冲区域时，物理上会重新渲染表格中的行。例如，假设Grid每次渲染50行数据，如果Grid当前显示的是100到150行，而用户往下滚动到105行的记录，Grid将会重新渲染表格的行以显示105行到155行的记录。


ExtJS入门——开始

Posted 周五, 12/14/2012 - 01:40 by admin

认识ExtJS
extjs是使用javascript、css和html等技术实现的主要用于创建用户界面，且与后台技术无关的前端ajax框架。
extjs来源于yui，开发理念来源于传统的桌面软件开发。

1.下载extjs，解压，得到目录结构

  • builds：是extjs压缩后的代码，体积更小，加载更快
  • docs ：extjs的文档
  • examples：官方示例
  • locale：多国语言的资源文件
  • overview：extjs的功能简述
  • pkgs：extjs各部分功能的打包文件
  • resource：extjs要用到的图片文件与样式文件。
  • src：未压缩过的代码目录
  • bootstrap.js：extjs库的引导文件
  • ext-all.js ：必须引入的核心库
  • ext-all-debug.js：ext-all.js的调试版

ExtJS中layout的用法总结

Posted 周二, 12/11/2012 - 10:03 by admin

好久没看过EXT了，最近项目中需要用到就重新复习了下，对于一些知识也都模糊不清，现对Extjs中的layout布局进行总结下：
layout中有absolute,anchor,border,accordion,card,form,table,column,fit这几种，现一一举例：
1.absolute根据字面意思就知道，是根据具体坐标进行定位的，固不写相应的代码了，其他的如下
2.anchor:其值可以使百分比和数值，数值一般为负数，其代表的意思是如果宽度和长度中有一个设定值了，则anchor代表的是未设置的那个，如果两者都没有设定具体值，则如果需要使用anchor则需要anchro:'ww,hh'

ExtJS中更新html内容以及iframe中内容打印

Posted 周二, 12/11/2012 - 09:56 by admin

工作一年多来，最近的开发，虽说前台和后台都有分工，但是大部分经历都放在前台，界面上有太多的东西需要修改和完善，调试程序更是需要更多的时间，最近的工作在用xsl写样式将xml中的内容显示在界面上，而我们的界面是基于Extjs的，这样我们就在panel中使用html属性，获取内容显示，这样就存在一个问题，当我们需要更新panel中的内容时该怎么办，换面板是一个可以实现目标的方法，但是这似乎又是很笨的方法，我们需要放两个panel在这里，在苦思冥想后，发现Extjs中的panel有更新html的方法，具体怎么实践，可以看一下例子。

如下代码：先定义panel，panel中的html是已经有内容的，其中的dataURL是个变量，需要到后台程序中取数据

ExtJs 4给菜单和按钮加上快捷键

Posted 周二, 12/11/2012 - 09:50 by admin

这个插件不是我平地起高楼写出来的，是从sencha的论坛上拷贝过来的，原文链接在这里。但是原文给出的插件只能在extjs3上运行，
而不能在extjs4上运行。所以我修改成如下的代码，在extjs4.0.7下测试通过。

聚合内容