UniGUI的 TUniPageControl控件动态拖动tabsheet的实现方法

https://blog.csdn.net/shuiying/article/details/54932518

实现可以用鼠标动态拖动tabsheet，共三个步骤：

1.在ServerModule中，打开Custom Files属性，输入以下两行代码引用js文件。

 

files/BoxReorderer.js
files/TabReorderer.js

2.找到UniGUI安装目录下的目录：FMSoft\Framework\uniGUI\ext-4.2.5.1763\examples\ux 中的BoxReorderer.js和TabReorderer.js
这两个文件，把文件复制到 要拖动Tabsheet的这个项目文件下的 Files目录中。类似如图：

3.在Delphi的集成开发环境中，选中的实现动态拖动Tabsheet的那个 uniPageControl控件，在Extevent事件，输入以下代码：

 

function tabPanel.beforeInit(sender, config)
{
  sender.plugins = [Ext.create('Ext.ux.TabReorderer')];
}

如下图：

 

通过以上几个步骤就可以实现在网页中用鼠标来拖动调整UniTabSheet的位置，uniGUI的版本号：0.99.96.1346