Fomly

这是一个ExtJS的插件，很酷的功能，支持从Excel等其它程序里面把一些简单格式的数据，直接拖拽到浏览器里的ExtJS组件上。

使用时也很简单，引入这个JS之后，在ExtJS组件上增加这个插件就可以了

1
2
3
4
5
6

    {
        xtype: 'grid',
        ...,
        plugins: [Ext.ux.grid.DataDrop],
        ...
   }

接下来你就可以在其它程序上把数据选中，拖拽到这个组件上，神奇的事情就发生了。

Blog：DataDrop – Drag Grid Data in From a Spreadsheet
Demo：DataDrop Demo
API： datadrop api
Download：Ext.ux.DataDrop.js

作者说的最好的加载JS方法，即是如何无阻塞的加载JS，作者提到了三个技巧

1. 创建两个JS文件， 第一个只包含动态加载JS的必要代码，第二个包含除必要的一些初始化的所有内容；
2. 创建加载第一个JS文件的<script>标签，并把它放在页面的最底端，</body>标签里面；
3. 创建第二个<script>标签，加载第二个JS文件和运行附加的初始化代码。

Read the rest of this entry »

随着Ext3的发布，Ext最近还推出了一款基于Air的针对于Ext3的可视化设计器，界面如下

由于现在只是个预览版本，所以功能还不是很完善，组件也不是很全，在布局的调整上也不是很方便。对中文的支持也不错。
Read the rest of this entry »

今天上ext官网的时候，发现samples & Demos 有更新了。Extjs 3.0 Core发布以来，终于对Samples进行了更新。
增加了几个新的类别：Accessibility（处于实验阶段），Charts，Direct
其它类别里面也有一些增加和更新，详细的可以到它的Samples里看看，都有明确的标注。
个人觉得比较好的几个东东：

1. Charts：图表
2. Direct：可以远程调用和轮询服务器
3. Row EditorGrid：这种可编辑的Grid的编辑方式比较好
4. Buffered GridView：可渲染可视的数据，对一页显示大量数据的Grid性能有很大提升。
5. HBox/VBox Layout：两种新的布局
6. Editable Grid with Writable Store： 通过DataWriter把数据回写到数据库

Extjs中，Form使用Table布局会比较方便，它是能很方便的合并行和列。但是Form里的元素，如textfield等必须要处于form layout才能正常渲染（不能正常显示Label）。所以直接在table布局中加入Form元素是不行的，所以采用一个另类的方法来处理，代码如下：

{ xtype: 'form',
    title: 'table layout form',
    autoHeight: true,
    border: 'none',
    layout: 'table',
    defaults: {
        layout: 'form',
        style: 'padding-left: 8px;',
        defaultType: 'textfield',
        border: false
    },
    layoutConfig: {
        columns: 3 /*当前Table有3列*/
    },
    items:[
          {colspan: 2/*合并两个单位格*/,items:[{fieldLabel:'userName', name:'userName'}]},
          {items:[{xtype:'combo',
		    fieldLabel: 'sex',
		    hiddenName: 'userSex',
		    store: [['0','female'],['1','male']],
		    editable: false,
	    	    typeAhead:true,
		    mode: 'local',
		    forceSelection: true,
		    triggerAction: 'all',
		    emptyText:'Please select...',
		    selectOnFocus : true,
		    anchor:'95%'}]}
        ]
    };

这样虽然功能实现了，但是写起来还是比较复杂，最好的办法就是自己扩展一个Ext.ux.FormPanel，把form里面的items重新封装到table布局里。

jQuery Tools is a collection of the most important user-interface components for today’s websites.

jQuery Tools是基于jQuery的一系列UI组件，非常轻量级优化后单文件只有5.8kb。
它包括这些组件：intro, tabs, tooltip, overlay, expose, scrollable, flashembed
下载时也可类似EXT那样，按需下载

Link: jQuery Tools
Demo: Demos
Download: v1.0.2

piroBox是一个基于jquery类似lightbox图片效果控件。
使用可以在网站上找到，只是他对图片有要求，要把它放入如下的格式中<div><ul><li></li><li></li></ul></div>
支持FireFox 2-3, Opera 9.0, Chrome, Safari (Mac/Windows), Internet (damned) explorer 6-7-8

Homepage: piroBox

Dojo出的用于测试纯DOM操作和几个流行JS包操作DOM的速度，只是很奇怪为啥没有Ext

This is not SlickSpeed, though uses the same framework.
Tests are run against a local copy of this document. They add, remove, append, connect and otherwise mangle the DOM as defined by the sample-tests.js file.

下面是我本机测的结果（Inetl T2080*2+DDR2 800 2.5G+Ubuntu 8.10+Firefox3.0.8），点击进入 Report能看到所有参加测试并提交后的平均结果。

Links: TaskSpeed Report