ExtJs
关注
分享
扫一扫
iteye_5611
这个作者很懒，什么都没留下…
展开
-
ExtJs实现手风琴格式菜单展示（折叠菜单）
一、简单的手风琴格式菜单： Js代码： Ext.onReady(function(){ new Ext.Panel({ renderTo:"hello", title:"容器组件", width:500, height:200, layout:"accordion", layoutConfig:{ ...原创 2012-08-01 16:23:46 · 1214 阅读 · 0 评论 -
ExtJs 树的操作
tree ：树 node：节点1、全部展开 tree.expandAll(); 2、全部收缩 tree.collapseAll(); 3、得到父节点 node.parentNode 4、判断是否有父节点 node.parentNode==null 5、判断是否有子节点 node.hasChildNodes() 6、获取下一级所有子节点 node.eachChild(functio...原创 2013-01-29 17:24:35 · 105 阅读 · 0 评论 -
ExtJs实现树状菜单
tree = new Ext.tree.TreePanel({ renderTo: 'my-left-menu', //树放在div的位置 autoScroll:false, //是否使用自动出现滚动条 useArrows: true, //是否使用箭头样式 loader:new Ext.tree.TreeL...原创 2012-11-22 10:42:49 · 272 阅读 · 0 评论 -
Ext4.0 Checkbox的Grid需要选中后的分页保存
问题： 在grid里实现跨页选中，也就是当在第一页选中的checkbox，在Load到第二页时返回第一页时，已经选中的不能被显示为选中 解决思路： 1. 首选考虑，使用数组或者map等保存我们选中的记录 在CheckboxModel中，select用来选中，deselect用来反选（取消选中）， select时，把记录保存进我...原创 2012-09-26 17:32:55 · 289 阅读 · 0 评论 -
ext.xtemplate
XTemplate是Ext.Template扩展的新类，它支持高级功能的模板类，如自动数组输出、条件判断、子模板、基本数学运行、特殊内建的模板变量，直接执行代码和更多的功能； Ext.XTemplate类常用的方法如下： applay(): 返回值为void，applyTemplate的简写形式 compile(): 返回值为Function，把模板编译成一个...原创 2012-08-30 11:19:30 · 125 阅读 · 0 评论 -
ExtJs实现多选项卡的滚动效果
多选项卡的滚动效果图： 实现代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xht...原创 2012-08-24 11:41:46 · 219 阅读 · 0 评论 -
ext4 checkboxModel的选中和反选
1. 选中：select:function(sm,selection,index){ //selection 是指选中的一个选项 } 2. 反选：deselect：function(sm,selection,index){ } 3. 选择改变：选中的区域发生改变sel...原创 2012-08-15 10:18:15 · 301 阅读 · 0 评论 -
Ext4 grid checkbox单击事件
Ext4 grid checkbox单击事件 ： 使用itemclick方法实现功能：选择数据源，列出该数据源下所有表格，使用带有checkbox的grid显示，当选中某个表格即可在另一面板生成树形显示表格和表格下面的字段列，取消选中则可以删除面板中的树，切换数据源，同样可以实现。会出现问题： 如果使用select和deselect加载方法在checkbox上，在切换数据源...原创 2012-08-15 10:09:36 · 249 阅读 · 0 评论 -
ExtJs4 combobox下拉选项框默认选中问题
xtype : 'combobox', id : 'combId', fieldLabel : '职位', store:...., .... listeners : { afterrender:function(){ if(this.store!=null){ Ext.getCmp('combId').setValue(this.store.getAt(0).get('job')); } i...原创 2012-08-04 12:51:15 · 342 阅读 · 0 评论 -
ExtJs4 grid的loadMask遮罩层问题
页面在加载数据的时候，想要实现“load...”的动画过渡，我们选择使用loadMask，在grid的加载数据的时候或出现小小问题， 设置 loadMask : true 或者设置 loadMask : { msg : ' load... ' } 或者设置 viewConfig : { loadMask : tru...原创 2012-08-04 11:29:21 · 340 阅读 · 0 评论 -
ExtJs4.0实现饼图
一、实现效果图： 二、具体代码： Ext.onReady(function(){ var data=[ {name:'张三',score:60}, {name:'李四', score:50}, {name:'王五',score:78} ]; v...原创 2012-08-01 16:36:22 · 171 阅读 · 0 评论 -
ExtJs tree的拖拽
一、tree的拖拽事件nodedragover nodedragover : function(e) { if (node.isLeaf()) node.leaf = false; return true; } 其中可以通过e对象获得： var target_node = e.target, //将要放置在某...原创 2013-03-14 15:46:35 · 282 阅读 · 0 评论