0

我需要在 ap:datatable 中可放置的我所在区域的 id。我可以删除元素的文本，但不能删除区域的 id 我认为它类似于 ui.xxxx 是我的 jquery 代码：

 $( init );
            function init() {

            $(".list-items").sortable({
            connectWith: '.list-items',
            items: "li:not(.item.new)",
            placeholder: 'place-holder',
            scroll: false,
            tolerance: "pointer",

                receive : function(e, ui) {

                //alert(ui.item.text());

                    if(ui.item.text()=="51173115") {

                         //$("#myDialog").dialog(dialogOpts);
                         //$(".item").dialog(dialogOpts);

                  jConfirm('item capacite Cuisson epuise vous voulez continue comme meme ?', 'alerte', function(r) {     
                  if(r)   
                  {

                   }
                    else
                    {
                    $(ui.sender).sortable('cancel'); // refuse element to be dropped
                    }
                     });

                    // comfirm dialogue
                    //var answer = confirm("capacite Cuisson epuise vous voulez continue comme meme ?");

                    //if (answer){

                    //}
                    //else{
                        //$(ui.sender).sortable('cancel'); // refuse element to be dropped

                    //}




                    }
                }

        }).disableSelection();

        }

我怎样才能得到像 ui.xxx 这样的想法丢弃的区域的 id ？

4

1 回答 1

1

在没有一些 HTML 和示例的情况下准确地看到你想要实现的目标有点棘手，我认为你从错误的角度解决了这个问题。您可以检查何时收到项目，而不是何时删除项目，如果这有意义，那么您需要触发可排序的接收事件。

试试这个jsFiddle 演示。

JavaScript：

$(function() {
    $( ".connectedSortable" ).sortable({
      connectWith: ".connectedSortable",
      receive: function( event, ui ) {
          console.log('drop area id: ' + this.id);
      }  
    }).disableSelection();
  });

HTML

<ul id="sortable1" class="connectedSortable">
  <li class="ui-state-default">Item 1</li>
  <li class="ui-state-default">Item 2</li>
  <li class="ui-state-default">Item 3</li>
</ul>

<ul id="sortable2" class="connectedSortable">
  <li class="ui-state-highlight">Item 1</li>
  <li class="ui-state-highlight">Item 2</li>
  <li class="ui-state-highlight">Item 3</li>
</ul>

CSS

.connectedSortable { list-style-type: none; margin: 0; padding: 0 0 2.5em; float: left; margin-right: 10px; }
.connectedSortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }
于 2013-05-27T15:54:11.573 回答