EXT grid 不显示

liju123456 2010-09-01 06:20:08
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Example</title>
<link rel="stylesheet" type="text/css" href="ext-all.css" />
<link rel="stylesheet" type="text/css" href="examples.css" />
<link rel="stylesheet" type="text/css" href="grid-examples.css" />

<script type="text/javascript" src="ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<!-- <script type="text/javascript" src="array-grid.js"></script>-->
<script type="text/javascript" >
Ext.onReady(function(){
Ext.QuickTips.init();

alert("+++");
var myData = [
['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
['McDonald\'s Corporation',36.76,0.86,2.40,'9/1 12:00am'],
['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],
['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am']
];

alert("+++");
var store = new Ext.data.ArrayStore({
fields: [
{name: 'company'},
{name: 'price', type: 'float'},
{name: 'change', type: 'float'},
{name: 'pctChange', type: 'float'},
{name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
]
});

store.loadData(myData);

var grid = new Ext.grid.EditorGridPanel({
store: store,
columns: [
{header: 'Company', width: 160, sortable: true, dataIndex: 'company'},
{header: 'Price', width: 75, sortable: true, dataIndex: 'price'},
{header: 'Change', width: 75, sortable: true, dataIndex: 'change'},
{header: '% Change', width: 75, sortable: true, dataIndex: 'pctChange'},
{header: 'Last Updated', width: 85, sortable: true, dataIndex: 'lastChange'}
],
stripeRows: true,
height: 350,
width: 600
});
grid.render: 'table'
});

alert("+++");
</script>
</head>
<body>
<p>table</p>
<div id="table" name="table"> </div>
</body>
</html>
...全文
95 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
ycy0111 2010-09-02
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 ibm_hoojo 的回复:]

CSS code

var grid = new Ext.grid.EditorGridPanel({
store: store,
columns: [
{header: 'Company', width: 160, sortable: true, dataIndex: 'company'},
{header: 'Price', width: 75, sortable: tru……
[/Quote]

这个是可以的
zoujp_xyz 2010-09-02
  • 打赏
  • 举报
 回复
在html页面你有没有
<div id="table"></div>
没有的话加上
hoojo 2010-09-02
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 liju123456 的回复:]

引用 1 楼 ibm_hoojo 的回复:
CSS code

var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{header: 'Company', width: 160, sortable: true, dataIndex: 'company'},
{header: 'Price', widt……
[/Quote]


var grid = new Ext.grid.GridPanel({//用GridPanel

  store: store,

  columns: [

  {header: 'Company', width: 160, sortable: true, dataIndex: 'company'},

  {header: 'Price', width: 75, sortable: true, dataIndex: 'price'},

  {header: 'Change', width: 75, sortable: true, dataIndex: 'change'},

  {header: '% Change', width: 75, sortable: true, dataIndex: 'pctChange'},

  {header: 'Last Updated', width: 85, sortable: true, dataIndex: 'lastChange'}

  ],

  stripeRows: true,

  height: 350,

  width: 600,

  renderTo: "table"//这样  

  });

  //grid.render: 'table'

这样看看
tianqiss 2010-09-01
  • 打赏
  • 举报
 回复
哥们 是grid显示不出来 还是grid现实出来了 但是没数据？


 var store = new Ext.data.ArrayStore({

 fields : fields,

 data : data

})

是不是这个问题？
liju123456 2010-09-01
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 ibm_hoojo 的回复:]
CSS code

var grid = new Ext.grid.EditorGridPanel({
store: store,
columns: [
{header: 'Company', width: 160, sortable: true, dataIndex: 'company'},
{header: 'Price', width: 75, sortable:……
[/Quote]

不是这个问题，这个我写错了，我改了还是不行。
hoojo 2010-09-01
  • 打赏
  • 举报
 回复 


var grid = new Ext.grid.EditorGridPanel({

  store: store,

  columns: [

  {header: 'Company', width: 160, sortable: true, dataIndex: 'company'},

  {header: 'Price', width: 75, sortable: true, dataIndex: 'price'},

  {header: 'Change', width: 75, sortable: true, dataIndex: 'change'},

  {header: '% Change', width: 75, sortable: true, dataIndex: 'pctChange'},

  {header: 'Last Updated', width: 85, sortable: true, dataIndex: 'lastChange'}

  ],

  stripeRows: true,

  height: 350,

  width: 600，

  renderTo："table"//类似下面 or renderTo：Ext.get("table")

  });

  //grid.render: 'table'没有这种写法哦

  1、grid.renderTo = "table";//没有测试过，按道理是可以的

  2、grid.render("table"); or grid.render(Ext.get("table"));

});
ext grid 显示数据
LearningExtJS 第五章节的翻译
Ext.grid.ColumnModel显示不正常
Ext.grid.ColumnModel显示不正常
ext grid json分页显示
通过 json 接收后台数据，在前台分页显示数据，这只是我整的一个例子哦，就是 dwr+ext
ext grid 合计行
找了半天，结果在extjs的老家找到一个前辈写的代码，可以在grid上面加上合计， <br>但是却只能合计grid里面的数据，但是我们平常一般是只显示20行或者30行，这样的合计就没有什么意义，我们的合计数据是单独从...
EXT grid中根据每一行的状态列内容来让当前行显示不同的背景颜色
EXT中根据返回的grid中的状态列的内容来改变这一行显示的背景颜色
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章