试图将嵌套的可排序合并到我的 Rails 应用程序中。我正在使用 Mongoid 和 Ancestry gem,并且我正在尝试创建一个页面,该页面parent_id
使用 Nested-Sortable 在拖放时更新类别。
一直在尝试进行实验,但并不真正了解 NestedSortable 吐出什么来创建一个可以读取它的控制器。
我的控制器有:
def sort
Category.update_all({parent_id: params[:parent_id].to_i})
render nothing: true
end
路线:
resources :symbols, :as => :categories, :controller => :categories do
collection {post :sort}
end
重新排序.js.coffee:
jQuery ->
$('.reorder-tree').nestedSortable
handle: '.handle'
items: 'li'
toleranceElement: '> div'
update: ->
$.post($(this).data('update-url'), $(this).nestedSortable('serialize'))
我的重新排序视图吐出如下内容:
<ol class=reorder-tree>
<li id="category_513d372b10188f9b6b000014"><div>
<i class="icon-move handle"></i>
<a href="/symbols/chickne">Chickne</a>
<span class="btn-group show-on-hover">
<a href="/symbols/new?parent_id=chickne" class="btn btn-micro" data-remote="true" title="Add Sub-Category"><i class="icon-plus"></i>
</a>
<a href="/symbols/chickne/edit" class="btn btn-micro"><i class="icon-pencil"></i>
</a>
<a href="/symbols/chickne" class="btn btn-micro" data-method="delete" data-remote="true" rel="nofollow" title="Delete Category"><i class="icon-remove"></i>
</a>
</span>
</div>
<ol class="visible"><li id="category_513d373310188f9b6b000016"><div>
<i class="icon-move handle"></i>
<a href="/symbols/smoking-babies">Smoking Babies</a>
<span class="btn-group show-on-hover">
<a href="/symbols/new?parent_id=smoking-babies" class="btn btn-micro" data-remote="true" title="Add Sub-Category"><i class="icon-plus"></i>
</a>
<a href="/symbols/smoking-babies/edit" class="btn btn-micro"><i class="icon-pencil"></i>
</a>
<a href="/symbols/smoking-babies" class="btn btn-micro" data-method="delete" data-remote="true" rel="nofollow" title="Delete Category"><i class="icon-remove"></i>
</a>
</span>
</div>
<ol class="hide"></ol>
</li>
</ol></li>
</ol>
任何帮助将不胜感激,谢谢。