Estou trabalhando com o sortable do jQuery UI, porém, não estou conseguindo ativar/desativar o drop para cada ul
com 4 li
(com 4 desabilita, com menos habilita, sempre permitindo mover o conteudo da ul
para outra ).
Meu js do sortable ta assim:
function ativaSortable()
{
$('.connected').sortable({
connectWith: '.connected',
update: function(event, ui)
{
var nivel = ui.item.parent().parent().attr('id');
atualizaDados(ui.item.index(), nivel, this.id, $(ui.item).attr("id"));
}
});
}
Na função atualizaDados()
ele verifica se já tem os 4 registros para saber se pode as posições dos itens no BD, porem, não sei como fazer para que o ul
não aceite o drop se já tiver os 4 itens. Esta comentada a linha que devia fazer o trabalho mais não funcionou!
function atualizaDados(posicao, nivel, linha, id)
{
var totalLinha = $("#"+nivel+" #"+linha+" li");
console.log("POSIÇÃO ["+posicao+ "] NIVEL ["+nivel + "] LINHA [" + linha + "] ID ["+id+"]");
console.log(totalLinha.length);
if(totalLinha.length<=4)
{
// ainda não esta desabilitando quando a linha tem 4 itens.
//$("#"+nivel+">#"+linha).droppable({ disabled: true } );
$.ajax({url:"<?php echo $this->Html->url(array('action'=>'atualizaDadosPosicao')); ?>/"+posicao+"/"+nivel+"/"+linha+"/"+id, async:false}).resposeText;
}
}
Como posso resolver isso ?