Changing TabSheet order at runtime

[bbm]

Hi,

 

does anybody know how to change the order of Tabs in a PageControl at runtime by Drag & Drop?

 

Best regards

[Sherzod]

Hi,

 

Try this:

http://forums.unigui.com/index.php?/topic/4413-draggable-tabs/&do=findComment&comment=21792

 

Best regards.

[bbm]

Many thanks, it's working fine.

 

Is it possible to get an event when the order has changed?

 

Best regards

[Sherzod]

Hi,

 

Is it possible to get an event when the order has changed?

 

Try:

function tabPanel.beforeInit(sender, config) {
    config.plugins = [Ext.create('Ext.ux.TabReorderer', {
        listeners: {
            Drop: function(tabpanel, container, dragCmp, startidx, idx, eOpts) {
                //
            }
        }
    })];
}

Best regards.

[bbm]

Thank you,

 

works good.

 

Best regards.

[bbm]

Sorry, but I have an additional question.

I can get the event now, but I cannot get the new order.

 

Any idea or solution?

 

Best regards.

[Sherzod]

Hi,

 

but I cannot get the new order.

 

Sorry, can you clarify ?!

 

Best regards.

[bbm]

In my application I want to save the tab order of the tabs for each operator.

With the drag & drop I want to give the operator an easy way to change the tab order himself.

In this case it would be nice to have any possibility to recognize the last tab order.

 

Best regards

[Sherzod]

Maybe like this?!:

function tabPanel.beforeInit(sender, config)
{
    config.plugins = [Ext.create('Ext.ux.TabReorderer', {
        listeners: {
            Drop: function(tabpanel, container, dragCmp, startidx, idx, eOpts) {
                ajaxRequest(sender, '_tabOrderChange', ['startidx='+startidx, 'idx='+idx]);
            }
        }
    })];
}

procedure TMainForm.UniPageControl1AjaxEvent(Sender: TComponent;
  EventName: string; Params: TUniStrings);
begin
  if EventName = '_tabOrderChange' then
  begin
    ShowMessage(Params.Values['startidx'] + ';' + Params.Values['idx']);
  end;  
end;

[bbm]

Thank you, you make a great job.

Many thanks for your really quick support!!!!!

 

Best regards.

[Sherzod]

Thank you!

 

Best regards.

[easegura777]

On 12/16/2016 at 3:31 AM, Sherzod said:

Maybe like this?!:

function tabPanel.beforeInit(sender, config)
{
    config.plugins = [Ext.create('Ext.ux.TabReorderer', {
        listeners: {
            Drop: function(tabpanel, container, dragCmp, startidx, idx, eOpts) {
                ajaxRequest(sender, '_tabOrderChange', ['startidx='+startidx, 'idx='+idx]);
            }
        }
    })];
}

procedure TMainForm.UniPageControl1AjaxEvent(Sender: TComponent;
  EventName: string; Params: TUniStrings);
begin
  if EventName = '_tabOrderChange' then
  begin
    ShowMessage(Params.Values['startidx'] + ';' + Params.Values['idx']);
  end;  
end;

In the V1.90.0.1547 not show beforeinit

 

 

[Sherzod]

ClientEvents -> UniEvents

[easegura777]

4 hours ago, Sherzod said:

ClientEvents -> UniEvents

Thank you!!!

 

Muchas gracias

[Sherzod]

You are welcome!