0

我使用 dynatable 创建表。但我得到错误：

类型错误：dyna.features 未定义

    $(document).ready(function () {
        gettableupdates();
        var dyna;
        function gettableupdates() {
            $.getJSON('ajax_data.json',
                function (data) {
                    dyna = $('#product-table').dynatable({
                        dataset: {
                            records: data
                        }
                    }).data('dynatable');
                    dyna.features.paginate.recordCount = false;
                    dyna.features.paginate.perPageSelect = false;
                });
        }
    });
4

1 回答 1

1

dyna 变量的Aconsole.log显示如下：

{   
    $element: [table#dyno-table, context: table#dyno-table]
    dom: Dom {update: ƒ}
    domColumns:DomColumns {initOnLoad: ƒ, init: ƒ, getFromTable: ƒ, add: ƒ, remove: ƒ, …}
    element : table#dyno-table
    inputsSearch : InputsSearch {initOnLoad: ƒ, init: ƒ, create: ƒ, attach: ƒ}
    paginationLinks : PaginationLinks {initOnLoad: ƒ, init: ƒ, create: ƒ, buildLink: ƒ, attach: ƒ}
    paginationPage : PaginationPage {initOnLoad: ƒ, init: ƒ, set: ƒ}
    paginationPerPage : PaginationPerPage {initOnLoad: ƒ, init: ƒ, create: ƒ, attach: ƒ, set: ƒ}
    processingIndicator : ProcessingIndicator {init: ƒ, create: ƒ, position: ƒ, attach: ƒ, show: ƒ, …}
    queries : Queries {initOnLoad: ƒ, init: ƒ, add: ƒ, remove: ƒ, run: ƒ, …}
    records : Records {initOnLoad: ƒ, init: ƒ, updateFromJson: ƒ, sort: ƒ, paginate: ƒ, …}
    recordsCount : RecordsCount {initOnLoad: ƒ, init: ƒ, create: ƒ, attach: ƒ}
    settings : {features: {…}, table: {…}, inputs: {…}, dataset: {…}, writers: {…}, …}
    sorts : Sorts {initOnLoad: ƒ, init: ƒ, add: ƒ, remove: ƒ, clear: ƒ, …}
    sortsHeaders : SortsHeaders {initOnLoad: ƒ, init: ƒ, create: ƒ, removeAll: ƒ, removeOne: ƒ, …}
    state : State {initOnLoad: ƒ, init: ƒ, push: ƒ, pop: ƒ}
    __proto__ : Object
}

这是 Chrome 开发工具中的输出，格式很好，可以显示对象键名是什么。如您所见，无法features通过顶级对象直接访问。但是，它是内部设置。

所以dyna.features是未定义的

但

dyna.settings.features是一个可能是您正在寻找的对象。

所以你只需要改变以下几行：

dyna.features.paginate.recordCount = false;
dyna.features.paginate.perPageSelect = false;

至

dyna.settings.features.paginate.recordCount = false;
dyna.settings.features.paginate.perPageSelect = false;

更新

实际上，我不确定您要做什么，但上面的示例可以防止错误，但可能无法获得您想要的结果。如果您的意图是禁用分页和记录计数，那么它将不起作用。您必须在初始化时定义这些功能。您可以通过添加具有一些属性的 features 对象来做到这一点，如下所示：

// ...previous code
dyna = $('#product-table').dynatable({
    dataset: {
        records: data
    },
    features: {
        recordCount: false,
        perPageSelect: false,
    }
}).data('dynatable');
//... after code
于 2017-09-29T16:40:06.697 回答