为什么我来自json的数据没有显示在网格中？
为什么我来自json的数据没有显示在网格中？
提问于 2011-03-17 07:10:44
这是我的js文件dashboard.js
Ext.onReady(function(){
Ext.QuickTips.init(); // **want to know why this is used**
// NOTE: This is an example showing simple state management. During development,
// it is generally best to disable state management as dynamically-generated ids
// can change across page loads, leading to unpredictable results. The developer
// should ensure that stable state ids are set for stateful components in real apps.
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());**want to know why this is used**
// create the data store
var store = new Ext.data.JsonStore({
// store configs
autoDestroy: true,
autoLoad :true,
url: 'api/index.php?_command=getresellers',
storeId: 'getresellers',
// reader configs
root: 'cityarray',
idProperty: 'cityname',
fields: ['cityname', 'totfollowup', 'totcallback', 'totnotintrested', 'totdealsclosed', 'totcallsreceived', 'totcallsentered', 'totresellerregistered',
'countiro', 'irotransferred', 'irodeferred'
]
});
// create the Grid
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{
id :'cityname',
header : 'cityname',
width : 160,
sortable : true,
dataIndex: 'cityname'
}
],
stripeRows: true,
autoExpandColumn: 'cityname',
height: 350,
width: 600,
title: 'Reseller Dashboard',
// config options for stateful behavior
stateful: true,
stateId: 'grid'
});
// render the grid to the specified div in the page
grid.render('dashboard');
});我提出了一些评论，我想知道为什么这是使用。想知道为什么要使用这里是我的html文件
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reseller DashBoard</title>
<!-- ** CSS ** -->
<!-- base library -->
<link rel="stylesheet" type="text/css" href="css/ext-all.css" />
<!-- overrides to base library -->
<!-- ** Javascript ** -->
<!-- ExtJS library: base/adapter -->
<script type="text/javascript" src="lib/ext-base-debug.js"></script>
<!-- ExtJS library: all widgets -->
<script type="text/javascript" src="lib/ext-all-debug.js"></script>
<!-- overrides to base library -->
<!-- page specific -->
<script type="text/javascript" src="lib/dashboard.js"></script>
</head>
<body>
<div id="dashboard">
</div>
</body>
</html>这是我的json，我也是用萤火虫渲染的。
{
"countothercities": "0",
"directreseller": "14",
"totalresellersregisteredfor8cities": 33,
"cityarray": [{
"cityname": "bangalore",
"totfollowup": "3",
"totcallback": "4",
"totnotintrested": "2",
"totdealsclosed": "0",
"totcallsreceived": "0",
"totcallsentered": "68",
"totresellerregistered": "6",
"countiro": "109",
"irotransferred": "83",
"irodeferred": "26"
}, {请检查一下。
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-03-17 07:36:26
Ext.QuickTips功能为任何元素提供了吸引人的和可自定义的工具提示。有关详细信息，请查看此来自Sencha学习网站的教程。调用init方法来初始化Ext.QuickTip的单例类。
Ext.state.Manager是全局状态管理器。若要使用状态管理器，必须使用提供程序初始化状态管理器。这就是你对这个声明所做的：
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());这里您使用的是CookieProvider。通过这样做，您可以要求ExtJS库在cookies中存储组件的状态信息。
更新：错误发生在getColumnWidth()方法上。检查列模型中是否有宽度属性的适当值。要进行调试，请尝试删除所有列的宽度细节。我认为您有更多的代码没有放在这里来简化。可能有一些错误。
Stack Overflow用户
发布于 2011-03-17 07:47:20
试试这个：
//grid.render('dashboard'); //delete this line
grid.renderTo = 'dashboard';
grid.show();更新
尝试移除这一行
autoExpandColumn: 'company'Stack Overflow用户
发布于 2011-03-17 08:50:43
这是你的窃听器：
autoExpandColumn: 'company',没有这个id的列。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5335950
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号