EasyUI Forum
November 04, 2025, 10:04:54 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: how to make tabs sortable like jquery ui?  (Read 11752 times)
Opan Mustopah
Full Member
***
Posts: 164


Indonesia


View Profile Email
« on: November 17, 2014, 01:04:02 AM »

hello again,

i have a simple question about tabs plugin. Because easyui based on jquery, it is possible to make it (in this case tabs plugin) draggable or sortable in jquery ui.

here is an example : http://jqueryui.com/tabs/#sortable

we can easily move one tab to another position.

thanks in advance
« Last Edit: November 17, 2014, 01:14:34 AM by Opan Mustopah » Logged

-- Bajak Otak --
*** Sorry for my bad english :3 ***
--JeasyUI version 1.4--
aswzen
Sr. Member
****
Posts: 287


Indonesian

aswzen
View Profile WWW Email
« Reply #1 on: November 17, 2014, 08:00:56 PM »

using jquery you can sort some div before they are rendered in-to tabs..
follow this link
http://stackoverflow.com/questions/18847712/sort-divs-bases-on-elements-data-attribute

Code:
<div id="TABS_ME" style="width:500px;height:250px">
        <div title="A" >
            A
        </div>
        <div title="D" >
            D
        </div>
        <div title="C" >
            C
        </div>
</div>

Code:
<script>

    //YOUR LOGIC TO SORT THE DIV

    $('#TABS_ME').tabs();
</script>
Logged

Regards,
Sigit

- Indonesian jEasyUI Facebook page : https://www.facebook.com/groups/jeasyuiid/
Opan Mustopah
Full Member
***
Posts: 164


Indonesia


View Profile Email
« Reply #2 on: November 18, 2014, 02:21:18 AM »

i think not like this sorry, but its like drag n drop in tabs. in example i provide it very easy to sort the tab by drag n drop to a new position.
« Last Edit: November 18, 2014, 02:29:01 AM by Opan Mustopah » Logged

-- Bajak Otak --
*** Sorry for my bad english :3 ***
--JeasyUI version 1.4--
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!