Ext js常用功能.docVIP

首页 ? 博客 ? 工作日志(4) ExtJS最常用功能总结，不看不后悔 发表于 2011年01月24日 16:28 分类: 工作日志 统计: 0评/118阅 1人收藏此文章， 收藏此文章(?) 关键字： Extjs最常用功能 1.定时刷新下拉框var data = [[null, 不刷新], [2000, 10分钟], [1200000, 20分钟],???? [1800000, 30分钟], [2400000, 40分钟], [3000000, 50分钟],???? [3600000, 60分钟]];var intervalStore = new Ext.data.SimpleStore({?????fields : [name, interval],?????data : data????});??var actAutoRefresh = new Ext.form.ComboBox({?????fieldLabel : 定时刷新,?????name : setTime,?????store : intervalStore,?????mode : local,?????triggerAction : all,?????editable : false,?????width : 100,?????emptyText : 定时刷新,?????// enableKeyEvents : true,?????valueField : name,?????displayField : interval????});??function ref() {???grid.store.reload();??}??var timeV;??actAutoRefresh.on(select, function(comboBox) {?????if (comboBox.getValue() != null) {??????if (tmpTimer != null) {???????window.clearInterval(tmpTimer);??????}??????tmpTimer = window.setInterval(ref, comboBox.getValue());?????} else {??????window.clearInterval(tmpTimer);?????};????});2.正在加载提示new Ext.LoadMask(Ext.getBody(), {?????store : store,?????msg : 正在加载数据，请稍等...????})???3.在grid的单元格上悬浮提示框??gridToolTip1(grid); ??function gridToolTip1(grid) {???if (!grid)????return;???grid.on(render, function(grid) {????try {?????var store = grid.getStore(); // Capture the Store.?????if (!store)??????return;?????var view = grid.getView(); // Capture the GridView.?????if ((!view) || (!view.mainBody))??????return;?????var cm = grid.getColumnModel();?????if (!cm)??????return; ?????var tip = new Ext.ToolTip({??????target : view.mainBody, // The overall target element.??????delegate : .x-grid3-cell-inner, // Each grid row??????// causes its own??????// seperate show and??????// hide.??????trackMouse : true, // Moving within the row should not??????// hide the tip.??????autoHeight : true,??????minWidth : 300,??????maxWidth : 300,??????mouseOffset : [-100, 0],??????renderTo : document.body, // Render immediately