jquery-ui e sortable

[chamuska 5]

Pessoal, tenho o seguinte html para fazer o sortable:

<div class="panel-body" id="nivel1">
                <ul class="connected grid clearfix" id="linha1">
                    <li id="7" >Caminho do Discípulo</li>
                    <li id="8" >Caminho da Igreja</li>
                    <li id="9" >Caminho Conhecendo a Palavra</li>
                    <li id="10" >Caminho da Adoração</li>

                </ul>
                <hr class="dconnected clearfix"/>
                <ul class="connected grid clearfix" id="linha2">
                    <li id="11" >Caminho Conhecendo a Palavra</li>
                    <li id="12" >Caminho da Adoração</li>
                </ul>
                <hr class="dconnected clearfix"/>
                <ul class="connected grid clearfix" id="linha3">
                    <li id="13" >Caminho Conhecendo a Palavra</li>
                    <li id="14" >Caminho a vida de Jesus</li>
                    <li id="15" >Caminho da Igreja 2</li>
                </ul>
            </div>

Dessa forma eu tenho um nivel(grupo), que possui varias linhas e as linhas possuem um item, esse item é o que tenho que mover, porem, ao mover, tenho que pegar o id do nivel, a linha e qual a ordem onde foi solto o item, e tbm o id so item pois preciso desses dados para salvar no BD.

 

Até agora, com a ajuda do google(rsrsrs), consegui esse js:

$(function() {
        $('.connected').sortable({
            connectWith: '.connected',
            receive: function(event, ui) {
                alert("[" + this.id + "] received [" + ui.item.html() + "] from [" + ui.sender.attr("id") + "] ui-id ["+$(ui.item).attr("id")+"]");
            }
        });
    });

Com esse código já da para pegar o a linha de origem e destino e o id do item movido, porem, fala o id do nivel e a ordem dele na linha.

Tem como pegar esses dados que estão faltando pelo receive?

 

Valeu!

[wanderval 19]

Caro chamuska,

 

a posição no caso do item solto dentro do evento receive pode ser conseguido utilizando o metodo index(), e o nivel atravez do metodo parent()

  receive: function(event, ui) {
           var nivel = ui.item.parent().parent().attr('id');
           alert('Posição: '+ui.item.index()+ ' nivel:'+nivel);
  }

Link: http://jsfiddle.net/6fcWY/

Bom não pude deixar de perceber que está aplicação se trata de uma aplicação envolvendo um tema dominical, e gostaria de perguntar se está aplicação e idealizada por você?

[chamuska 5]

Valeu cara, agora tenho todos os dados!!

O projeto é de um pastor batista, se quiser dar uma olhada, o endereço é www.ajornada.com.br. É um sistema pra estudo bíblico, falta muita coisa, mas ja ta dando pra usa!

 

Flw!