2011-04-07 70 views
1

我一直在做一个可排序的列表。我想实现一个这样的排序列表:http://jqueryui.com/demos/sortable/#connect-lists-through-tabsjQuery UI Sortable php/mysql

这是ajax通信,我真的坚持。

我已经设置了一个jsfiddle,http://jsfiddle.net/pnrAx/,显示我当前的代码。 (注意,它是复制和粘贴负载的垃圾,需要清理)

这些字段,更新每行的信息工作正常,没有问题。排序也适用于屏幕,我可以很好地拖放项目。

为了解决这个问题,我怎样才能将页面中的排序后的元素与ajax(json?)一起放到php页面的数组中?

从那里,它应该是很容易更新表。

回答

1

什么,我会做的是,当你输出,那么HTML把它们放到数组这样

<input type="hidden" name="block[369][id]" value="369"/> 
<input type="hidden" name="block[369][menuBolk_id]" value="55"/> 
<input type="hidden" name="block[369][matstovuID]" value="39"/> 
<input type="text" name="block[369][Heiti]" value="Big Burgara Matskrá" style="width: 60%; font-weight: bold; padding: 4px; line-height: 150%; font-size: 12pt; background-color: #ccc;"/> 
<textarea style="width: 60%; background-color: #ccc;" name="Vorulysing"></textarea> 
<div style="margin-top: -70px; padding-bottom: 70px;"> 
    <input type="text" name="block[369][Pris][]" value="Kr 83,-" class="price priceR" style="width: 10%;"/> 
    <input type="text" name="block[369][Pris][]" value="" class="price priceC" style="width: 10%;"/> 
    <input type="text" name="block[369][Pris][]" value="" class="price priceL" style="width: 10%;"/> 
</div> 

那么当你波斯特你将有“块”的帖子,这将是一个多维数组

所以在这个例子中,你想要的是一次提交它们,并按照它们被复位的顺序处理它们,以便用户进行排序然后点击提交按钮,表单将按照它们的顺序提交所有的发布数据排序他们。那有意义吗 ?

+0

是的,我明白了。但是,这是我遇到问题的列表的排序。我可以接受一个简单的帖子,分别更新字段。我可以在屏幕上对列表进行排序,但我不知道如何在我的php脚本中获得排序顺序 – Ragnar123 2011-04-07 18:15:11

+0

@ Ragnar123编辑答案 – mcgrailm 2011-04-07 18:24:59

0

在drop函数中,我会通过$ .ajax调用一个php页面,并发送刚删除的查询字符串中的ID,新位置以及tab/category ID。然后在新页面上,从数据库中获取旧的排序位置,并循环遍历新位置和该项目的旧位置之间的所有项目,这些项目被放下或递减每个项目的位置。

+0

如何从jQuery发送位置? – Ragnar123 2011-04-07 18:18:40