我有一个表格面板,使用表格布局来显示表格.我需要添加一些功能来添加/删除一组组件.
添加按钮应在现有元素下添加一行新组件.删除按钮应删除最后添加的行.
formpanel可以添加一个新字段,但它出现在按钮下方,并且表单的宽度没有增加(参见下面的屏幕截图).我已尝试使用insert和add函数,但两者都具有相同的效果.
有谁知道如何:
1)我可以在下一行添加一系列组件吗?
2)我如何删除下一行.
![SearchForm = Ext.extend(Ext.FormPanel,{ id: 'myForm',title: 'Search Form',frame:true,waitMessage: 'Please wait.' //,labelWidth:80,initComponent: function() { var config = { items: [{ layout:{ type:'table',columns:5 },buttonAlign:'center',defaults:{ //width:150,//bodyStyle:'padding:100px' style:'margin-left:20px;' },items:[//row 1 { xtype: 'label',name: 'dateLabel',cls: 'f',text: "required:" },{ xtype: 'container',layout: 'form',items: { xtype: 'datefield',fieldLabel: "From Date",value: yesterday,width: 110,id: 'date1' } }][1] buttons: [{ text: 'Add More Criteria (max 10 items)',id: "addBtn",scope: this,handler: function(){ alert('hi'); /*this.items.add({ xtype : 'textfield',fieldLabel : 'Extra Field',name : 'yourName',id : 'yourName' }); */ this.insert(4,{ xtype: 'textfield',id: 'input20',//hideLabel: true,width: 180,fieldLabel: 'hi' }); this.doLayout(); } }
解决方法
原文地址:https://www.jb51.cc/html/225599.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。