【问题标题】:Jquery Drag/drop in php+mysqlphp+mysql中的jquery拖拽
【发布时间】:2009-12-24 15:44:13
【问题描述】:

我一直在寻找解决方案。我找到了 Nathan Smith 的一个很棒的演示,它使用 jQuery 和界面将收藏夹拖放到列表中。

演示在这里: http://host.sonspring.com/dragdrop/

但是如何将列表保存到 mysql 数据库。

【问题讨论】:

    标签: jquery drag-and-drop


    【解决方案1】:

    在删除项目时使用 ajax 调用服务器端 (php) 脚本。将该脚本传递给表的顺序,以便它可以更新您的 MySQL。

    P.S - 您也可以使用 jQuery UI 进行拖放,它非常灵活。

    【讨论】:

      【解决方案2】:

      我在表单中使用拖放操作,因此我没有在每个“拖放”上保存,而是使用最简单的方法,即使用所选项目填充隐藏字段。为此,请确保为您的列表项分配一个 ID。

      所以如果选择的列表看起来像:

      <div id='selected_items'>
          <ul>        
              <li id='123'>Item 1</li>
              <li id='456'>Item 2</li>
          </ul>
      </div>
      

      然后只需遍历列表并在用户单击保存时保存到隐藏输入:

      $("#save").click(function(){
          var theList = '';
          $("selected_items > li").each(function(){
              var $this = $(this);
              var currentID = $this.attr("id");
              theList = theList+currentID+'|'; 
          });
          $("#hidden_list").val(theList);
      });
      

      【讨论】:

      • 小问题:$('#selected_items li')
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-02-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多