javascript - DOJO:DataGrid 增量加载不起作用-6ren

javascript - DOJO:DataGrid 增量加载不起作用

转载作者：行者123 更新时间：2023-11-30 18:32:45

25

4

我有这个问题

我使用 DataGrid + dojo.store.JsonRest 作为商店。我只想加载当前需要的那些项目。因此，当我只有 10000 个项目时，初始加载 ~ 100 个，其余的在用户滚动网格时下载。

我创建了两个文件

datagridtest.php 包含数据网格
jsonsource.php 实现测试数据源(应该返回不超过 499 条记录)

前 25 个项目显示正常。但是当我尝试向下滚动时，datagrid 不请求新项目 - 使用 FireBug 检查它。

请帮忙。我做错了什么。

下面是我的代码:

数据网格测试.php:

<html><head>
    <link rel="stylesheet" type="text/css" href="../libs/dojo/dijit/themes/claro/claro.css" />
    <link rel="stylesheet" type="text/css" href="../libs/dojo/dijit/themes/style.css" />
    <script type="text/javascript">     djConfig = {parseOnLoad: true,} </script>
    <script type="text/javascript" src="../libs/dojo/dojo/dojo.js"></script>
</head>
<body class="claro">

<style type="text/css">
    @import "../libs/dojo/dojox/grid/resources/Grid.csss";
    @import "../libs/dojo/dojo/resources/dojo.csss";
    @import "../libs/dojo/dojox/grid/resources/claroGrid.css";
</style>

<script type="text/javascript">

    dojo.require("dijit.dijit");
    dojo.require("dojox.grid.DataGrid");
    dojo.require("dojo.data.ObjectStore");  
    dojo.require("dojo.store.JsonRest");

    var store, grid;
    dojo.ready(function() {  

        store = new dojo.store.JsonRest({
            target:"jsonsource.php",
            idProperty: "id"
        });     

        grid = new dojox.grid.DataGrid({
            store: dataStore = dojo.data.ObjectStore({ objectStore: store }),           
            structure: [
            {
                cells: [
                    [
                        { name: "Id", field: "id"},
                        { name: "Name", field: "name" },
                        { name: "E-Mail", field: "email", width: "200px"},
                    ]
                ]
            }
            ]
        }, "gridDiv");

        grid.startup();     
    } );

</script>

<div id="gridDiv"></div>
</body></html>

jsonsource.php:

<?php

$RangeTemp = explode("=", $_SERVER['HTTP_RANGE']);
$Range = explode("-", $RangeTemp[1]);
if ($RangeTemp[1] != "") {
    $RangeFrom = $Range[0];
    $RangeTo = $Range[1];
}

if ($RangeFrom > 500) { print "[ ]"; die(); }

?>
[
    <?php for($i=$RangeFrom; $i<=$RangeTo; $i++): ?>
        {
            "id": <?=$i; ?>,
            "name": "Jack <?=$i; ?>",
            "email": "jack@jacekplacek.pl"
        },
    <?php endfor; ?>
]

最佳答案

我相信您需要设置“Content-Range” header ，让 Dojo 知道您返回了哪些记录，以及总共有多少条记录。

像这样设置标题:

header("Content-Range: items 0-24/10000");

在你的情况下，你会这样写:

header("Content-Range: items $RangeFrom-$RangeTo/$total");

希望对您有所帮助。

关于javascript - DOJO:DataGrid 增量加载不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9130730/

25

4

0

文章推荐： javascript - 电子邮件正则表达式问题

文章推荐： c - 从C中的数组中删除重复的整数

文章推荐： c++ - gcc 编译/链接后的 .h~ 文件是什么？

文章推荐： c - Fork()之后，如何留在父进程中？

datagrid - Avalonia DataGrid 输入处理
我正在使用 Avalonia.Controls.DataGrid。默认情况下，当网格获得焦点并按下 Enter 时，它会自动处理事件并将选择移动到下一项。我怎样才能防止这种默认行为？我想要一个自定义的
datagrid - Dojo DataGrid - 从格式化程序获取数据存储项？
根据我所见，Dojo DataGrid 中的格式化程序函数被赋予以下参数:单元格值、单元格行号和单元格对象本身。鉴于这些参数，您能否建议如何获取此单元格所引用的数据存储项？或者，如果您能提出替代方法，
datagrid - Dojo Datagrid:如何更改第一行的样式？
我是DoJo开发的新手，所以这可能很基础。我创建了一个EnhancedDatagrid，它可以很好地显示数据。数据来自另一个页面中的JSON存储。我有一个按钮，该按钮导致在数据存储中创建一个新条
DataGrid.RowDetailsTemplate 内的 WPF DataGrid
我正在尝试在 WPF DataGrid 的 RowDetailsTemplate 中创建一个 DataGrid。我有一系列工作。每个工作都可以分配一个或多个员工: public class Job
datagrid - 删除项目后 Primefaces dataGrid 内容不会更新
我有一个数据网格组件: [... some controlls ...]
datagrid - 以编程方式在 Dojo Datagrid 中自定义列排序
我已经以编程方式创建了一个dojox.grid.datagrid，并且我需要对列进行自定义排序。为此，我尝试使用 ItemFileWriteStore.comparatorMap['field'] =
datagrid - 隐藏组面板 Telerik DataGrid UWP
我试图在 UWP RadDataGrid 控件的 Telerik UI 中隐藏 GroupPanel。 radgrid.ShowGroupPanel 不起作用。最佳答案 UserGroupMode=
c# - DataGrid 嵌套在 DataGrid 问题中
我收到“在使用 ItemsSource 时操作无效。改为使用 ItemsControl.ItemsSource 访问和修改元素”错误，我不确定原因。我正在尝试将数据网格嵌套在数据网格中。如果我只使用
c# - 单击行时在 DataGrid 中显示 DataGrid
我的 WPF forme Etudiant 中有一个 DataGrid 当单击 Etudiant 中名为 Epreuve 的行时，我需要显示其他数据网格，并且当在 Epreuve 中选择一行并且我需要
c# - Datagrid 嵌套在另一个 datagrid RowDetailsTemplate 中断鼠标滚轮滚动
我有一个 DataGrid“嵌套”在另一个 DataGrid 的 RowDetailsTemplate 中。只要我的鼠标悬停在父 DataGrid 上行的主要部分上，滚动就可以正常工作，但是当鼠标悬停
WPF Datagrid 列宽度占 Datagrid ActualWidth 的百分比
我花了几个小时看这个没有结果。我只是想要一个DataGrid X 列保持与 Grid 的相对宽度本身。因此，例如: 第 1 栏:10% 第 2 栏:10% 第 3 栏:10% 我设置了一个附加到
wpf - 我可以在 DataGrid 表之间共享 DataGrid.Columns
我有 3 个共享相同数据类型的数据网格。我想配置一次列绑定(bind)并让 3 个数据网格共享资源。例如
WPF DataGrid 与 RowDetailsTemplate 中的 DataGrid
我之前关于检测 VM 中的属性更改的帖子不够深入，所以我发布了这个我有一个工作网格。每个工作可以有一个或多个员工。 DataGrid 的 RowDetailsTemplate 包含另一个用于显示员工
datagrid - Flex DataGrid 与 ComboBox itemRenderer
我将尝试找出将 ComboBox 嵌入到 Flex (3.4) DataGrid 中的“正确”方法。根据权利(例如，根据本页 http://blog.flexmonkeypatches.com/200
c# - 我应该使用单个 DataGrid、多个 DataGrid 还是完全不同的东西？
我有一个对象集合，我们称之为 People，每个对象都由名称、ID 和时间字符串组成。这些人物必须显示在类似于固定行数和 9 列的网格上。这个想法是将人员作为行添加到第 1、2 和 3 列中的网格左侧
c# - WPF Datagrid - 单击 DataGrid 中的空格时取消选择选定的项目
默认行为是使用 CTRL+Click 取消选择 Datagrid 中的项目我希望能够通过鼠标单击(左键或右键)网格中的空白区域并让它取消选择任何选定的项目。我已经用谷歌搜索死了，发现了一些非常复杂
c# - WPF DataGrid - 如何在添加新行时将注意力集中在 DataGrid 的底部？
我正在使用 DataGrid来自 WPF Toolkit我需要能够将注意力集中在网格的底部(即最后一行)。我现在遇到的问题是，随着行的添加，DataGrid 的滚动条不会随着新行的添加而滚动。实现此目
datagrid - material-ui DataGrid - 如何从 onRowClick 中分离选择行复选框
我正在使用 DataGrid 来管理服务配置。我想使用自动生成的行复选框来管理多个删除操作，但想使用 onRowClick 事件将行数据提供给模态对话框表单进行编辑。我的 onRowClick 处理程
Dojo DataGrid 上下文菜单 onRowContextMenu 即使在 DataGrid 的空白区域中右键单击时也会显示
我有一个包含项目的 DataGrid。当您右键单击其中一行时，会显示一个 Dojo 上下文菜单，其中包含删除该行的选项。如果您尝试右键单击 DataGrid 的空白区域，则不会显示上下文菜单……但是，
silverlight - 在另一个 Datagrid 的 RowDetailsTemplate 中使用 Datagrid
我想在另一个 Datagrid 的 RowDetailsTempalte 中使用一个 DataGrid。此内部 Datagrid 应将其列绑定(bind)到外部 Datagrid 中当前对象的属性。例

首页

博学

6Ren·AI

商城

javascript - DOJO:DataGrid 增量加载不起作用