i使用dynabable创建表。但是我有错误:
typeerror: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;
});
}
});
dyna变量的 console.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 Dev工具中格式的输出,以显示对象密钥名称是什么。如您所见,通过顶级对象无法直接访问features
。但是,它是在设置内部。
所以 dyna.features
是未定义的
但是
dyna.settings.features
是您正在寻找的对象。
因此,您只需要更改以下几行:
dyna.features.paginate.recordCount = false;
dyna.features.paginate.perPageSelect = false;
to
dyna.settings.features.paginate.recordCount = false;
dyna.settings.features.paginate.perPageSelect = false;
update
实际上,我不确定您要做什么,但是上面的示例将防止错误,但可能不会带来所需的结果。如果您打算禁用分页和记录计数,那么它将无法使用。您必须在初始化时定义这些功能。您可以通过添加具有某些属性的功能对象来做到这一点:
// ...previous code
dyna = $('#product-table').dynatable({
dataset: {
records: data
},
features: {
recordCount: false,
perPageSelect: false,
}
}).data('dynatable');
//... after code