Kendo Grid分页按钮以垂直格式显示

我的应用程序中有一个Kendo网格，我通过REST调用将数据绑定到它。第一次加载网格时，按钮不显示。下面是例子：Kendo Grid分页按钮以垂直格式显示

有400多个项目在网格中，目前它被配置为只在每页展示50个项目。但问题是我无法看到访问第二页/下一页的选项。

当我每页更改项目时，第二页的选项是可见的。就像如果我从50 - 100更改选项。我能够看到其他页码。

这是第二个问题。页码以垂直方式显示而不是水平。

我需要解决以下问题的帮助：

当他们被假设是要显示的页面加载分页选项。
分页编号应该以水平方式显示而不是以垂直方式显示。

下面是我的代码片段：

$scope.mainGridOptions = { 
     editable: true, 
     pageable: { 
      pageSizes: [15,25,50,100] 
     }, 
     navigatable: true, 
     sortable: true, 
     filterable: true, 
     dataSource: { 
      type: "odata", 
      pageSize: 50, 
      batch: false, 
      requestEnd: function(e) { 
       if (e.type != 'read') 
       { 
        $('#grdItemizations').data('kendoGrid').dataSource.read(); 
       } 
      }, 
      schema: { 
       model: { 
        id: "Id", 
        fields: { 
         Id: { type: "number", editable: false }, 
             Title: { type: "string",editable: false } 
        } 
       }, 
       data: function (data) { 
        return data.d && data.d.results ? data.d.results : []; 
       } 
      }, 
      transport: { 
       parameterMap: function (data, type) { 
        if (type != "read") { 
         var strIfy = kendo.stringify({ 
          "__metadata": type != "create" ? { "type": }, 
          "Title": data.Title, 
          "Id": type != "create" ? data.ID : undefined 
         }); 
         return strIfy; 
        } 
        return kendo.data.transports["odata"].parameterMap.apply(this, arguments); 
       }, 
       read: { 
       }, 
       update: { 

       }, 
       create: { 
       }, 
    error: function (e) { 
     alert("Status: " + e.status + "; Error message: " + e.errorThrown); 
    }   
      },  
     }, 
     columns: [ 
      { field: "Id", title: "ID" , width: "60px"}, 
      { field: "Title", title: "Analytic Inventory Description" , width: "220px"} 
     ] 
    }

任何提示，帮助真的赞赏。

来源

2017-02-08 salah9

还仔细检查如果你正在向网格注入正确的数据。问题可以绑定到传入的json –

由于您尚未发布完整的代码，因此可能还有其他问题。

首先，我怀疑这是在CSS侧东西掉（失踪的CSS，CSS剑道的版本不正确提到，murtiple CSS冲突的），因为，与电网的呈现交易。

然后我拉过demo并删除这些css文件

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.118/styles/kendo.common-bootstrap.min.css" /> 
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.118/styles/kendo.bootstrap.min.css" /> 
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.118/styles/kendo.bootstrap.mobile.min.css" />

，看看下面令人惊讶的结果，形象是有种小类似，我可以在一个垂直格式见分页按钮。

请仔细检查东西是关闭的CSS侧（查看参考通过看viewsource页面剑道电网CSS），如果不解决问题，确保您发布的完整代码

来源

2017-02-08 07:50:37

实际上在同一页面上有两个网格。一个网格工作完美，另一个给我的问题。如果有CSS问题，那么两个网格都应该失败。 – salah9

在这里发布完整的代码 - 有些事情是有冲突的 –

Kendo Grid分页按钮以垂直格式显示

回答

相关问题