`
hbxiao135
  • 浏览: 108874 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ext grid 分页 数据不显示

阅读更多
我的ext  php后台怎么不显示数据,我用firebug能看到数据,望各位能帮帮忙。
a.php显示
<html>
<link rel="stylesheet" type="text/css" href="/ad/publisher/js/ext2/resources/css/ext-all.css" />
<script type="text/javascript" src="/ad/publisher/js/ext2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/ad/publisher/js/ext2/ext-all.js"></script>
<script type="text/javascript" src="/ad/publisher/js/ext2/examples/examples.js"></script>
<link rel="stylesheet" type="text/css" href="/ad/publisher/js/ext2/examples/grid/grid-examples.css" />
<script>

Ext.onReady(function(){
    var sm = new Ext.grid.CheckboxSelectionModel();
    
    var cm = new Ext.grid.ColumnModel([
        new Ext.grid.RowNumberer(),
        sm,
        {header:"编号",dataIndex:"id"},
        {header:"名称",dataIndex:"name"},
        {header:"描述",dataIndex:"descn"}
    ]);
    cm.defaultSortable = true;

    var ds = new Ext.data.Store({
      proxy: new Ext.data.HttpProxy({url:"/ad/admin/module/admanage/hotspot/date.php"}),
reader: new Ext.data.JsonReader({
            totalProperty: "totalProperty",
            root: "root"
        }, [
            {name: "id"},
            {name: "name"},
            {name: "descn"}
        ])
    });
    
    var grid = new Ext.grid.GridPanel({
        el: "grid3",
        ds: ds,
        cm: cm,
        sm: sm,
        title: "ASP->JSON",
        bbar: new Ext.PagingToolbar({
            pageSize: 10,
            store: ds,
            displayInfo: true,
            displayMsg: "显示第 {0} 条到 {1} 条记录,一共 {2} 条",
            emptyMsg: "没有记录"
        }),
        tbar: new Ext.PagingToolbar({
            pageSize: 10,
            store: ds,
            displayInfo: true,
            displayMsg: "显示第 {0} 条到 {1} 条记录,一共 {2} 条",
            emptyMsg: "没有记录"
        }),
        height:500,
        width:860
        //autoHeight: true//一定要写,否则显示的数据会少一行
    });
 ds.load({params:{start:0,limit:10}});
    grid.render();
});
</script>
<div id="grid3"></div>
</html>       

data.php
<?
$start= $vars["start"];
$limit = $vars["limit"];
        $db = new ps_DB;
        $db->connect();
        $hot = new Hot(null,$db);
        $rs = $hot->LoadList($start,$limit);
        $db->close();
        $cu = 200;
        $cou = count($rs);
?>{totalProperty:<?=$cu?>,root:[<?
        foreach($rs as $num=>$obj)
        {
                $name = iconv("gb2312", "UTF-8", $obj->name);?>
{'id':'<?=$obj->id?>','name':'<?=$name?>','descn':descn'<?=$obj->id?>'}
<?
                if($num+1 != $cou) {
                ?>,<?
                }
        }
        ?>]}

页面/data.php?limit=10&start=0
显示结果为:
{totalProperty:200,root:[{'id':'224','name':'224','descn':descn'224'},{'id':'10','name':'10','descn'

:descn'10'},{'id':'55','name':'55','descn':descn'55'},{'id':'90','name':'90','descn':descn'90'},{'id'

:'112','name':'112','descn':descn'112'},{'id':'206','name':'206','descn':descn'206'},{'id':'207','name'

:'207','descn':descn'207'},{'id':'208','name':'208','descn':descn'208'},{'id':'209','name':'209','descn'

:descn'209'},{'id':'210','name':'210','descn':descn'210'}]}

请问各位为什么在friebug中能显示json的值,而在a.php中数据老是不显示?
分享到:
评论
1 楼 sheak 2008-11-24  
删除  grid.render();

相关推荐

    ext grid json分页显示

    在IT领域,尤其是在Web开发中,"ext grid json分页显示"是一个常见的需求,它涉及到前端数据展示和后端数据交互的关键技术。本例中提到的解决方案是利用DWR(Direct Web Remoting)和EXT.js库来实现。下面将详细阐述...

    Ext grid 分页实例源码

    Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码

    ext grid 显示数据

    "ext grid 显示数据"这一主题,是深入理解EXT JS开发的关键知识点之一,特别是在处理表格和列表展示时。在"LearningExtJS 第五章节的翻译"中,我们可以期待找到关于EXT JS Grid的详细讲解和实例应用。 EXT JS的Grid...

    ExtJS笔记---Grid实现后台分页

    在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括数据...在阅读这篇博客时,可以参照给出的"extgrid"文件,查看具体的代码实现,以便更好地理解和学习。

    ext grid数据绑定

    EXT Grid还支持分页、排序、分组等多种高级功能,这使得它成为处理大量数据的理想选择。在实际开发中,结合EXT提供的事件监听和自定义插件,你可以实现更加复杂和个性化的数据操作逻辑。 综上所述,EXT Grid数据...

    ext2.0 grid 分页实例(php)

    总的来说,Ext JS 2.0 Grid分页实例与PHP的结合,是前后端协同工作的一个典型示例,通过合理的数据分页策略,可以有效地处理大数据集,提供流畅的用户体验。在实际开发中,可以根据项目需求进行调整和优化,例如添加...

    Ext Grid 导出Excel

    Ext Grid是Sencha Ext JS框架的一部分,它允许开发者创建可配置的表格视图,可以显示从服务器获取的数据。这些数据通常通过Ajax请求加载,然后由Grid的Store进行管理。Store可以与各种数据源(如JSON、XML)配合,...

    ext grid带分页(服务器端)

    在本文中,我们将深入探讨如何在EXT Grid中实现服务器端分页,这在处理大量数据时尤为关键。EXT Grid是一款强大的JavaScript组件,用于构建交互式的数据视图,而服务器端分页则是优化性能、提高用户体验的重要策略。...

    Ext Grid +dwr 列表展示展示带分页

    2. **创建Ext Grid**: 在前端,我们需要创建一个Ext Grid实例,并定义列模型、数据存储和分页配置。列模型定义了表格的列,数据存储负责管理数据,而分页配置则指定如何进行分页操作。 3. **设置数据源**: 使用DWR...

    一个很好的EXTGRID实例

    3. **分页**:EXTGRID支持分页功能,用户可以轻松浏览大量数据,提高性能。 4. **筛选和排序**:用户可以在网格上直接进行数据筛选和排序,提高数据查找效率。 5. **编辑功能**:EXTGRID可以配置为行编辑或单元格...

    ext grid 合计行

    找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, &lt;br&gt;但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...

    ext grid tree 应用

    在这个例子中,开发者通过编写自定义代码,实现了从数据库动态读取数据并显示在Grid和Tree中,同时支持分页功能,极大地提高了用户体验。 1. **EXT Grid**: EXT Grid是EXT JS中的核心组件之一,用于展示大量数据。...

    Ext_Js分页显示案例详解

    ### Ext_Js分页显示案例详解 #### 一、引言 在Web开发领域,Ext_Js(简称ExtJS)是一种强大的JavaScript库,用于构建复杂的客户端应用。它提供了一套丰富的UI组件,使得开发者能够轻松地创建美观且功能强大的用户...

    简单的小例子Ext+servlet 分页

    1. **Ext JS Grid分页**: - Ext JS Grid允许开发者设置分页栏,通过`pagingToolbar`配置项,可以轻松添加分页工具栏到Grid底部。 - 分页栏通常包含“第一”、“上一页”、“下一页”、“最后”按钮以及页码选择器...

    EXT grid导出EXCEL

    在EXT Grid中,用户常常需要将数据显示的数据导出到Excel文件中,以便于进一步的数据分析、存储或分享。本文将详细讲解EXT Grid如何实现Excel导出功能。 EXT Grid导出Excel功能的核心是利用浏览器的Blob对象和...

    jq-extgrid v1.2 表格插件

    http: www extgrid com extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过...extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列 [更多]

    Ext4.0分页的Grid例子

    后台使用的是struts2生成Ext所需要的json,把webroot下的ext4下面加入ext的开发包,然后再把create.sql中的脚本在数据库中执行,代码就可以跑起来了,我用的是mysql数据库

    动画效果的grid分页

    在IT领域,特别是Web开发中,"动画效果的grid分页"是一个常见的话题,它涉及到数据展示和用户体验的优化。Grid是一种常用的UI组件,用于显示大量结构化数据,而分页则是为了处理大数据集,避免一次性加载所有内容...

    Ext grid与树实例

    在"extdemo"中,这两个组件可能被结合使用,形成一种混合视图,即在一个Grid中显示扁平化的数据,而在一个Tree中显示层级化的数据。这样的组合使得用户既能快速浏览大量的平面数据,也能深入查看和操作数据的层次...

    ext grid网格控件实例

    通过`Ext.grid.Panel`的`plugins`属性启用分页插件`Ext.grid.plugin.PagingToolbar`,并与`store`的`proxy`配置相结合,可以实现按需从服务器请求数据。`proxy`中的`type`设置为`ajax`或`rest`,并配置`api`属性来...

Global site tag (gtag.js) - Google Analytics