编程语言
首页 > 编程语言> > PHP-jQuery:对分层数据进行排序?

PHP-jQuery:对分层数据进行排序?

作者:互联网

我已经尝试了一段时间,以找出一种使用jQuery对嵌套类别进行排序的方法.我无法构建自己的插件来执行此操作,因此我试图找到已经可用的插件.现在尝试使用http://www.jordivila.net/code/js/jquery/ui-widgetTreeList_inheritance/widgetTreeListSample.aspx尝试了几个小时,无法正常工作.

创建jQuery / jQuery UI脚本以与AJAX PHP后端结合以处理数据库中实际排序的方式来处理子类别和父类别的排序方式有哪些呢?

谢谢!

解决方法:

我使用http://www.jordivila.net/jquery-widget-inheritance.html以来的小部件对嵌套类别进行排序,它对我有用.

尝试使用此简单的html文件

    
    
    

<script src="http://www.jordivila.net/code/js/jquery/ui-widgetTreeList/widgetTreeList.js" type="text/javascript"></script>
<script src="http://www.jordivila.net/code/js/jquery/ui-widgetTreeList_inheritance/widgetTreeList_Sort.js" type="text/javascript"></script>


<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="http://www.jordivila.net/code/js/jquery/ui-widgetTreeList/widgetTreeList.css" rel="stylesheet" type="text/css" />

<style type="text/css">
    #treeListSortable {width:300px;}
</style>

    <script type="text/javascript">
        $(document).ready(function() {
        $('#treeListSortable').treeListSortable();
        });

    </script>

                <ul id="treeListSortable">
                      <li>Node 1
                        <ul>
                            <li>Node 12</li>
                            <li>Node 9</li>
                            <li>Node 7
                                <ul>
                                    <li>Node 6</li>
                                    <li>Node 11</li>
                                    <li>Node 10</li>
                                    <li class="ui-treeList-open">Node 8
                                    <ul>
                                        <li>Node 5</li>
                                        <li>Node 2</li>
                                        <li>Node 4</li>
                                        <li>Node 3</li>
                                    </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>Node 13</li>
                        </ul>
                      </li>
                </ul>        

标签:hierarchical-data,javascript,mysql,php,jquery
来源: https://codeday.me/bug/20191024/1917402.html