02 2012 档案

摘要：项目基本架子出来，然后就该考虑将封装好的gridpanel 和 tabpanel关联起来既 点击树的叶子节点，将 gridpanel 展现在 tabpanel中怎么关联呢？【在之前的基础上的，重复的代码就不贴出来了】我改变了 模拟数据的形式，注意id的变化，和上期的不一样[ {id:'Ext.cjl.TestGrid_testgrid',text:'菜单-1',leaf:true}]id用下划线隔开，前面是封装好的表格，后面是 表格在项目中唯一的id编号然后在 index.js，添加树节点的点击事件var menus= new Ext.tree.TreePane 阅读全文

摘要：封装了各种组件，就该作出项目的demo了。项目中用了通常的top+menu+tabpanel， 有一个项目中用的是 web desktop，这个之后再说。效果是这样的。这需要index.js ，菜单的json模拟数据 tree.txt ，代码如下Ext.onReady(function(){ Ext.QuickTips.init(); var menus= new Ext.tree.TreePanel({ id:'menus', loader: new Ext.tree.TreeLoader({ dataUrl: 'tem... 阅读全文

摘要：Ext.ns('Ext.cjl');Ext.cjl.IsNotComboBox = Ext.extend(Ext.form.ComboBox, { initComponent : function() { Ext.apply(this, { mode : 'local', triggerAction : 'all', valueField : 'value', displayField : 'text', editable : false, s... 阅读全文

摘要：接着上篇的说。GridPanel是ExtJS最出色的组件，确实如此，在项目中用表格最多了。一个项目中有很多很多的表格。而每一个表格都有一些重复性的操作，如配置项，store，分页，刷新等。而写Ext一个原则是能少写代码，就少写。代码少了，性能好点，也便于维护和修改。下面的代码是就是 表格组件一些公用的东西，给封装一下，之后封装的类继承就可以了。。Ext.namespace('Ext.cjl');Ext.cjl.BaseGrid = Ext.extend(Ext.grid.GridPanel, { pageSize : 20, layout : 'fit', cl 阅读全文

摘要：去年8月份进的公司，大约1个月后，经理告知新的系统需要ExtJS写前台，因公司没人写，我就被推到去写ExtJS。 之前就光学写后台了，刚开始有点吃力。 幸好《深入简出ExtJS》和随书的源码，学习效果非常的好。 后来经理给了jOffice的源码让我阅读[只看了前台]，后来证明，joffice的前台源码让我受益匪浅。 之后，公司完成2个项目的前台Ext，大部分都是小弟一人写的。 工作实际用到的东西，我会陆续的贴出来，希望和大家一块交流分享。 如有不当，还请指点。 因Ext过大，使用的时候，必须要考虑到性能问题。 在使用中，学着网上的示例，我将用到的东西，都封装为一个个组件，也... 阅读全文