javascript - ExtJS Ext.Button重用

我从Sencha学习ExtJS，并完成下一个简单任务：


我的页面上有2个div
在第一格中我渲染Ext.Button
在按钮上单击我要将其移动到另一个div
就这样


我写这段代码：

的HTML

<div id="div_1" style="border:1px solid gray; padding:5px; margin:5px;"></div>
<div id="div_2" style="border:1px solid gray; padding:5px; margin:5px;"></div>

JS

Ext.create('Ext.Button',{
 str: 'I like to move it!',
 text:'Test Button',
 renderTo:'div_1',
 handler:function(){
     var parent_id = Ext.get(this.id).parent().id;
     var renderTo = (parent_id == 'div_1') ? 'div_2' : 'div_1';
     this.cloneConfig({
         renderTo:renderTo
     });
     Ext.get(parent_id).update('');
 }
});

这段代码解决了这个问题，但是我认为创建新按钮并通过dom操作清除旧按钮是一个坏主意。

问题：将按钮移至另一个div的正确方法是什么？

最佳答案

如果您如此担心性能。也许您可以更改div和id的位置。

使用纯CSS定位更改并交换ID。如果不影响其他功能。