Jump to content
Sign in to follow this  
HOliveira13

Mover barras sortable

Recommended Posts

HOliveira13

Boas,

Estou a fazer a inserção de dados e apos a inserção os dados são mostrados numa sortable (para poder mover de forma

a colocar por ordem de preferencia).

Ou seja, está a inserir e a mostrar os dados de forma correta o problema está não deixa mover as barras da sortable como era suposto....

pensei na utilização de um FOR....

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
 <link rel="stylesheet" href="/resources/demos/style.css" />
 <style>
 #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
 #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
 #sortable li span { position: absolute; margin-left: -1.3em; }
 </style>
 <script>
 $(function() {
   $( "#sortable" ).sortable();
   $( "#sortable" ).disableSelection();
 });
 </script>
</head>
<body>
<ul id="sortable">

 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s">
                               </span><?php echo $linhapessoaresolveproblemas_senior['PessoaResProb']; ?> , <?php echo $linhapessoaresolveproblemas_senior['classifica']; ?> , <a href="rem_actividades.php?PessoaResProbID=<?php echo $linhapessoaresolveproblemas_senior['PessoaResProbID'] . "&seniorid="; echo $linhapessoaresolveproblemas_senior['seniorid'];?>">Remover</a></li>
</ul>

Edited by brunoais
geshi

Share this post


Link to post
Share on other sites
malleus

Convinha explicares melhor...

Estarás a:

1) povoar, inicialmente, uma lista com n items (via PHP) ?;

2) adicionar novos items ao nível do cliente via javascript/jQuery (append,...) ?;

3) estes novos items não se "movem" mas os iniciais sim?

Se é isto o sortable tens de reinicializar o sortable, ou melhor ainda, usar o método definido na api para esta situação (adição de novos items ao sortable):

http://api.jqueryui.com/sortable/#method-refresh

Share this post


Link to post
Share on other sites
HOliveira13

O que queres dizer com "povoar"?

sim, estou a adicionar novos itens via PHP

apos inserir eles aparem todos os que inserir, mas quando vou para move-los com

o rato eles não de movem (se inserir 2 ou 3, apenas o que fica em cima na lista se move, mas não dá para coloca-lo onde quero

Se é isto o sortable tens de reinicializar o sortable, ou melhor ainda, usar o método definido na api para esta situação (adição de novos items ao sortable):

http://api.jqueryui.com/sortable/#method-refresh

)

algo do genero disto:

var items = $ ( "seletor". ) classificável (. "opção" , "itens" );

/* Setter */

$ ( "seletor". ) classificável (. "opção" , "itens" , "> li" );

Edited by yoda

Share this post


Link to post
Share on other sites
malleus

Não dá para colocar onde queres porque apenas actua com outros objectos/items "sortable", o que é sinal que esses outros objectos/items não foram inicializados, mas para te responder porquê preciso de mais pormenores, não posso adivinhar o fluxo do teu programa e o código que apresentas é manifestamente insuficiente (onde e como estão os objectos/items inseridos a ser imprimidos na página, etc)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.