夢幻之旅

DEBUG - 天道酬勤

:: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合

:: 管理 ::

671 隨筆 :: 6 文章 :: 256 評論 :: 0 Trackbacks

Ext 一點點

var TG= Ext.extend(Ext.grid.GridPanel, {

sm : null,

cm : null,

data : null,

ds : null,

bb : null,

// constructor function

constructor : function() {

this.sm = new Ext.grid.CheckboxSelectionModel();

this.cm = new Ext.grid.ColumnModel(

[

new Ext.grid.RowNumberer(),

this.sm,

{header:'編號',dataIndex:'id',width:80,sortable:true},

{header:'名稱',dataIndex:'name',width:80},

{header:'性別',dataIndex:'sex',renderer:this.renderSex},

{header:'日期',dataIndex:'date',width:100,renderer: Ext.util.Format.dateRenderer('Y 年m月d日')},

{header:'描述',dataIndex:'descn',width:200}

]);

this.data = [

['1','name1','girl','1970-01-15T02:58:04','descn1'],

['2','name2','boy','1970-01-15T02:58:04','descn2'],

['3','name3','girl','1970-01-15T02:58:04','descn3'],

['4','name4','girl','1970-01-15T02:58:04','descn4'],

['5','name5','boy','1970-01-15T02:58:04','descn5']

];

this.ds = new Ext.data.Store({

scope: this,

proxy: new Ext.data.MemoryProxy(this.data),

reader: new Ext.data.ArrayReader({}, [

{name: 'id'},

{name: 'name'},

{name: 'sex'},

{name: 'date', type:'date',dateFormat:'Y-m-dTH:i:s'},

{name: 'descn'}

])

});

this.ds.load();

// split page bar

this.bb = new Ext.PagingToolbar({

pageSize : 20,

store : this.ds,

displayInfo : true,

displayMsg : '顯示第 {0} 條到 {1} 條記錄，一共 {2} 條',

emptyMsg : "沒有記錄"

});

TG.superclass.constructor.call(this, {

id : 'tg',

cm : this.cm,

store : this.ds,

sm : this.sm,

//renderTo : "grid",

//autoHeight : true,

//autoWidth:true,

autoExpandColumn: 6,

loadMask : {

msg : '正在加載數(shù)據(jù),請稍候

autoScroll : true,

bbar: this.bb

});

renderSex : function (value) {

if (value == 'boy') {

return "<span style='color:red; font-weight:bold;'>男</span>";

} else {

return "<span style='color:green; font-weight:bold;'>女</span>";

}

});

Ext.onReady(function(){

var centerAreaTabPanel = new Ext.TabPanel({

id: 'centerArea',

renderTo:'grid_test',

deferredRender: false,

activeTab: 0,

enableTabScroll: true,

width : 1000,

height : 600,

items: [{

title: 'WELLCOME',

plain:true,

border:false,

frame:true,

layout:'fit',

items : [new TG()]

}]

});

posted on 2010-11-26 21:38 HUIKK 閱讀(232) 評論(0) 編輯收藏所屬分類: EXT

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: Funsion Charts 參數(shù)大全錯誤：缺少標識符字符串或數(shù)字的解決 Ext 繼承 Ext extend ext apply ext 繼承 ext grid 指定行顏色 Ext 二級聯(lián)動 Ext 帶提示信息的 textField Ext combox 中文排序

夢幻之旅

公告

常用鏈接

留言簿(21)

隨筆分類(644)

隨筆檔案(669)

文章檔案(6)

最新隨筆

積分與排名

最新評論

閱讀排行榜

評論排行榜