我的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中数据老是不显示?
分享到:
相关推荐
在IT领域,尤其是在Web开发中,"ext grid json分页显示"是一个常见的需求,它涉及到前端数据展示和后端数据交互的关键技术。本例中提到的解决方案是利用DWR(Direct Web Remoting)和EXT.js库来实现。下面将详细阐述...
Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码
"ext grid 显示数据"这一主题,是深入理解EXT JS开发的关键知识点之一,特别是在处理表格和列表展示时。在"LearningExtJS 第五章节的翻译"中,我们可以期待找到关于EXT JS Grid的详细讲解和实例应用。 EXT JS的Grid...
在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括数据...在阅读这篇博客时,可以参照给出的"extgrid"文件,查看具体的代码实现,以便更好地理解和学习。
EXT Grid还支持分页、排序、分组等多种高级功能,这使得它成为处理大量数据的理想选择。在实际开发中,结合EXT提供的事件监听和自定义插件,你可以实现更加复杂和个性化的数据操作逻辑。 综上所述,EXT Grid数据...
总的来说,Ext JS 2.0 Grid分页实例与PHP的结合,是前后端协同工作的一个典型示例,通过合理的数据分页策略,可以有效地处理大数据集,提供流畅的用户体验。在实际开发中,可以根据项目需求进行调整和优化,例如添加...
Ext Grid是Sencha Ext JS框架的一部分,它允许开发者创建可配置的表格视图,可以显示从服务器获取的数据。这些数据通常通过Ajax请求加载,然后由Grid的Store进行管理。Store可以与各种数据源(如JSON、XML)配合,...
在本文中,我们将深入探讨如何在EXT Grid中实现服务器端分页,这在处理大量数据时尤为关键。EXT Grid是一款强大的JavaScript组件,用于构建交互式的数据视图,而服务器端分页则是优化性能、提高用户体验的重要策略。...
2. **创建Ext Grid**: 在前端,我们需要创建一个Ext Grid实例,并定义列模型、数据存储和分页配置。列模型定义了表格的列,数据存储负责管理数据,而分页配置则指定如何进行分页操作。 3. **设置数据源**: 使用DWR...
3. **分页**:EXTGRID支持分页功能,用户可以轻松浏览大量数据,提高性能。 4. **筛选和排序**:用户可以在网格上直接进行数据筛选和排序,提高数据查找效率。 5. **编辑功能**:EXTGRID可以配置为行编辑或单元格...
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
在这个例子中,开发者通过编写自定义代码,实现了从数据库动态读取数据并显示在Grid和Tree中,同时支持分页功能,极大地提高了用户体验。 1. **EXT Grid**: EXT Grid是EXT JS中的核心组件之一,用于展示大量数据。...
### Ext_Js分页显示案例详解 #### 一、引言 在Web开发领域,Ext_Js(简称ExtJS)是一种强大的JavaScript库,用于构建复杂的客户端应用。它提供了一套丰富的UI组件,使得开发者能够轻松地创建美观且功能强大的用户...
1. **Ext JS Grid分页**: - Ext JS Grid允许开发者设置分页栏,通过`pagingToolbar`配置项,可以轻松添加分页工具栏到Grid底部。 - 分页栏通常包含“第一”、“上一页”、“下一页”、“最后”按钮以及页码选择器...
在EXT Grid中,用户常常需要将数据显示的数据导出到Excel文件中,以便于进一步的数据分析、存储或分享。本文将详细讲解EXT Grid如何实现Excel导出功能。 EXT Grid导出Excel功能的核心是利用浏览器的Blob对象和...
http: www extgrid com extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过...extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列 [更多]
后台使用的是struts2生成Ext所需要的json,把webroot下的ext4下面加入ext的开发包,然后再把create.sql中的脚本在数据库中执行,代码就可以跑起来了,我用的是mysql数据库
在IT领域,特别是Web开发中,"动画效果的grid分页"是一个常见的话题,它涉及到数据展示和用户体验的优化。Grid是一种常用的UI组件,用于显示大量结构化数据,而分页则是为了处理大数据集,避免一次性加载所有内容...
在"extdemo"中,这两个组件可能被结合使用,形成一种混合视图,即在一个Grid中显示扁平化的数据,而在一个Tree中显示层级化的数据。这样的组合使得用户既能快速浏览大量的平面数据,也能深入查看和操作数据的层次...
通过`Ext.grid.Panel`的`plugins`属性启用分页插件`Ext.grid.plugin.PagingToolbar`,并与`store`的`proxy`配置相结合,可以实现按需从服务器请求数据。`proxy`中的`type`设置为`ajax`或`rest`,并配置`api`属性来...