Extjs动态删除panel

wizabone 2013-05-20 02:09:44


需求是我点击某个“删除”按钮,那么相应的一块教育经历就被删除了,当剩下最后一块的时候,“删除”按钮隐藏。
...全文
188 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
Gr_ay 2015-09-18
  • 打赏
  • 举报
回复
楼主到底怎么解决现在也需要做类似的功能~
wizabone 2013-05-20
  • 打赏
  • 举报
回复
已经解决,谢谢大家 我的方法还是:this.ownerCt.ownerCt.destroy();
葫芦八娃 2013-05-20
  • 打赏
  • 举报
回复

Ext.onReady(function(){
	var panel = new Ext.Panel({
		...
		items:[{
			title:'item1',
			id:'_item1'
		},{
			title:'item2'
		}{
			title:'item3'
		}{
			title:'item4'
		}{
			title:'item5'
		}],
		buttons:[
			{
				text:'delete',
				handler:function(){
					panel.remove(Ext.getCmp('你要删除的panel的ID'));
					if(panel.items.length===1){
						this.disable();
					}
					if(panel.items.length>1){
						this.enable();
					}
					panel.doLayout();
				}
			}
		]
	})
})
yuqi_hz 2013-05-20
  • 打赏
  • 举报
回复
Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '/images/s.gif'; //Ext.chart.Chart.CHART_URL = '/js/extjs/3.0/resources/charts.swf'; Ext.QuickTips.init(); var p2 = new Ext.Panel({ autoShow: true, html:'zzz',title:'zzz',id:'zzz' }) var p = new Ext.Panel({ title:'Test', height:300, width:600, renderTo:Ext.getBody(), layout:'accordion', layoutConfig:{ animate:false, activeOnTop: false, fill:true }, items:[ {xtype:'panel',html:'xxx',title:'xxx'}, {xtype:'panel',html:'yyy',title:'yyy'} ], buttons:[ { text:'add', handler:function(){ p.add(p2); p.doLayout(); } },{ text:'remove', handler:function(){ p.remove(p2,false); p.doLayout(); } } ] }) }); 参考下。
未知数 2013-05-20
  • 打赏
  • 举报
回复
调用remove方法删除item,然后调用dolayout刷新视图
不多说,如果你需要学习Extjs或者是不懂Extjs,这门视频能对你有很大的帮助,文件过大,上传乃是下载链接,下面上目录: 1、ExtJs初识及其环境搭建 2、开始ExtJs梦想之旅# n8 }: ~+ d4 X+ V1 c 3、ExtJS工具栏、菜单栏0 Q' y0 E. y E 4、ExtJS最常用的表单之textfield控件4 |4 ]8 ~/ d3 Y& k# X 5、ExtJs最常用表单组件Number、CheckBox、Radio* s, r% ~+ k; y# W 6、ExtJs最常用表单组件ComboBox、time、date 7、ExtJS面板Panel t1 E( w8 g6 ?/ L' A 8、EXtJS布局模式-Auto布局、Fit布局、Accordion布局 9、ExtJS布局模式-Card、Anchor、Absolute( r! k$ G/ Q, u! c' U 11、ExtJS布局模式-Box布局、使用ViewPort布局首页0 j( d' o {. g$ T 12、ExtJS之Ext常用函数4 {, o8 W1 s! I6 ^3 k 13、ExtJS之Ext常用函数(二)' o, e2 G$ D7 @" ?- [! E 14、初识Ajax& i O, A2 I, c6 G: c- Q) K% I 15、ExtJS对Ajax支持-注册用户实例 16、ExtJS对Ajax支持-注册用户实例2 17、ExtJS之Grid组件* w/ o8 _- \. Q! [* R6 s& u0 V 18、ExtJS之ComboBox获取远程数据、网页计算器5 W& ]. W7 ?, V/ Q 19、ExtJS之组件面向对象编程(一) 20、ExtJS之组件面向对象编程(一) 21、项目实战-需求分析、数据字典、数据库设计) r, `+ J( `$ l# d7 I$ h# W: U' r* a 22、项目实战-底层框架搭建、创建实体对象 23、项目实战-数据访问层处理9 W1 _1 m7 _" T. J( N0 T+ k 24、项目实战-数据批处理、分页查询 25、项目实战-业务逻辑层、控制器层 26、项目实战-控制器层、Spring配置文件编写 27、项目实战-Spring配置文件编写、完善底层环境搭建 28、项目实战-在线选课系统用户前端界面3 |/ |- F1 T+ E5 L2 @) l 29、项目实战-在线选课系统用户前端界面(添加、修改、删除)

87,915

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧