1

我有一个带有巨大数据集和寻呼机的 Webix 数据表。一切都很好，除了一个问题：分页项目的宽度是固定的，所以大数字（例如 1001）不可见。有什么办法可以克服这个吗？这是一个例子：

var data = [];
for (var i = 1; i < 1011; i++)
    data.push({ id:i, package:"Some #"+i, section:i, size:i, architecture:i });                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        

var grida = webix.ui({
    container:"testA",
    view:"datatable",
    columns:[
        { id:"package", header:"Name",          width:200 },
        { id:"section", header:"Section",       width:120 },
        { id:"size",    header:"Size" ,         width:80  },
        { id:"architecture",    header:"PC",    width:60  }
    ],
    select:"cell",
    autowidth:true,
    autoheight:true,
    pager:{
        template:"{common.first()} {common.prev()} {common.pages()} {common.next()} {common.last()}",
        container:"paging_here",
        size:1,
        group:5
    },
    data:data
});

http://webix.com/snippet/fdb4d9e0

4

1 回答 1

1

似乎没有任何“本机”解决方案。注入的寻呼机容器宽度设置为auto/ 100% 并且似乎在没有对其服务的视图进行任何调整的情况下插入；分页按钮有一个固定的大小，也呈现不考虑视图。我为此找到的解决方法是调整按钮的数量

pager:{
  template:"{common.first()} {common.prev()} {common.pages()} {common.next()} {common.last()}",
  container:"paging_here",
  size:1,
  group:5 //set the desired number of buttons here 
},

或调整按钮的 CSS，这里是给它们增加相等边距的示例，但您也可以更改寻呼机按钮的宽度/大小

.webix_pager_item {
  margin-left: 15px;
}
.webix_pager_item_selected  {  
  margin-left: 15px;
}

有关分页，请参阅webix 文档。在返回的对象（如grida）上，既没有“秘密”分页相关的方法，也没有您可以操作的文字。

于 2016-02-16T07:18:12.337 回答