摘要：在采用table布局时，默认单元格对齐方式为居中的，如下图布局table时列为3列，当备注说明跨2列时，因为备注说明高度比较高，所以到生产单位单元格中内容为为居中对齐，但我们想要的是顶部对齐才好看，我在浏览器里面看了下，单元格的样式为vertical-align，所以在单元格里面这样写：{ bodyStyle:" vertical-align:top", xtype: 'combobox', fieldLabel: '生产单... 阅读全文

摘要：列的级联变化，就是某一列的变化，会引起其他列的变化，这是一个常用到的功能，但在extjs中，如果你对celledit不了解，估计找不到解决方案。效果图如下：点击数量变化，小计会根据单价*数量变化。具体代码如下： 1 Ext.Loader.setConfig({ 2 enabled:true, 3 }); 4 5 Ext.require([ 6 'Ext.data.*', 7 'Ext.grid.*', 8 'Ext.selection.* ', 9 'E... 阅读全文

摘要：表达的不是很清楚，就是树形菜单，有叶子节点，extjs默认的是双加节点才会收缩和伸展，其实实际中，都想使用方便一些，单击就可以展开叶子节点。如下图现在的画面中单击系统管理菜单可以收缩，再单击就会展开，很简单一个功能，但是很实用，主要是在treepanel的itemclick定义相关事件，如下： itemclick: function (tree, record, item, index, e, option) { if(record.get("leaf")==false) { if (record.isExpanded()) { ... 阅读全文

摘要：extjs中gridpan在编辑的时候，如果使用的是日期控件，就会出一些问题，比如如下的代码中，按照一般的方式书写 var celledit=Ext.create("Ext.grid.plugin.CellEditing",{ clicksToEdit:1 }); Ext.define("UserModel",{ extend:"Ext.data.Model", fields:[{ name:"username",type:"str... 阅读全文

摘要：主要还是说的整体页面布局，一般来说要使整个页面充满布局，最外面使用Ext.container.Viewport。然后在里面使用border布局。如下图需要注意两点：1.设置north和south区域时必须设置高度，设置west和east的时候必须设置宽度。如果不设置，布局在某些时候就会乱掉，比如重叠。2.每个小的区域里面又是一个新的区域，可以从新设置布局，比如上图的大区域中的west，它里面可以又使用border布局。页面代码如下： Ext.create("Ext.container.Viewport", { layout: "border", ... 阅读全文

摘要：先看图吧，要不你不知道我说的啥，类似于上面的图标，在系统中显得很有帮助。我刚开始接触extjs的时候，大概是extjs2.0的版本，当时还是开源的，没有商业化，所以当时按钮图标比较丰富，相应的图标css也已经加在里面。后来下载extjs，因为商业化，这些图标估计是非商业化的，涉及到版权，extjs在后来的版本中，就把图标这部分内容去掉了。但在系统中其实还是很有必要的。但现在找确实有点麻烦，所以提供在这里下载，方便需要的人。用法其实很简单，大部分使用图标的地方要么是按钮，要么是菜单，这些控件都有"iconCls"配置项，把这个配置项的值设置为相应的图标的css即可。比如添加的 阅读全文