首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >dynatable ajax排序不起作用

dynatable ajax排序不起作用
EN

Stack Overflow用户
提问于 2014-11-13 22:33:13
回答 1查看 1.4K关注 0票数 0

当使用Ajax从JSON构建我的表时,排序不起作用。它处于活动状态,asc/desc符号会发生变化,但没有明显的变化。怎么了?

我已经添加了下面的示例。

这是JSON文件

代码语言:javascript
复制
{
  "kennis": [
    {
      "kennisartikel": "Marcel Doesburg",
      "cascade": "CINI01\Internet\2 FMI Phase\PBI\Tridion Manual training April 2012.doc",
      "link": "<a href=''>OPEN</a>",
      "tags": "bla,bla"
    },
    {
      "kennisartikel": "Fredwin",
      "cascade": "CINI01\Internet\2 FMI Phase\PBI\Tridion Manual training April 2012.doc",
      "link": "<a href=''>OPEN</a>",
      "tags": "bla,bla"
    },
    {
      "kennisartikel": "Jantje H",
      "cascade": "CINI01\Internet\2 FMI Phase\PBI\Tridion Manual training April 2012.doc",
      "link": "<a href=''>OPEN</a>",
      "tags": "bla,bla"
    }
  ],
  "queryRecordCount": 4,
  "totalRecordCount": 4
}

这是我的HTML

代码语言:javascript
复制
   <table id="kennistabel" class="tablesorter">
        <thead>
            <tr>
                <th width="33%" data-dynatable-column="kennisartikel" data-dynatable-sorts="kennisartikel" class="dynatable-head" data-dynatable-default-sort="true">Kennisartikel</th>                 
                <th width="40%" data-dynatable-column="cascade" data-dynatable-no-sort="true">Cascade</th>
                <th width="7%" data-dynatable-column="link" data-dynatable-no-sort="true">Link</th>
                <th width="20%" data-dynatable-column="tags" data-dynatable-no-sort="true">Tags</th>
            </tr>
        </thead>
        <tbody id="kennisbank">             
        </tbody>

</table>

这是Javascript

代码语言:javascript
复制
$(document).ready(function () {
    $("#kennistabel").dynatable({
        dataset: {
            ajax: true,
            ajaxUrl: '//www.tourdejunior.nl/kennisbank/cskennisbank.json',
            ajaxOnLoad: true,           
            records: []
        },
        features: {
            paginate: false,
            search: false,
            recordCount: false,
            sort: true,
            pushState: false,
            perPageSelect: false
        }   
    });
});
EN

回答 1

Stack Overflow用户

发布于 2015-03-15 00:43:29

有点晚了,但也有同样的问题...尝试他们在自己的demopage上使用的js文件:https://s3.amazonaws.com/dynatable-docs-assets/js/jquery.dynatable.js

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26911251

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档