Fomly

Jul 07

ExtJS Samples update

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

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

Jul 03

Extjs:formpanel use table layout

javascript 2 Comments »

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%'}]}
        ]
    };