ext3.0

nature_he 2009-11-27 07:24:36

最近要做个网页需要用到ext3.0
自学了一天，从网上找资料，看示例
可拷贝到自己的MyEclipse上就显示不了
哪位高手留下qq，指导一下
不胜感激
这是我的qq
616256116

下面是其中一个

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>学生管理页面</title>
<link rel="stylesheet" type="text/css"
href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript" src="ext/ext-lang-zh_CN.js">
</script>

<script type="text/javascript">

Ext.onReady(function(){

var cm = new Ext.grid.ColumnModel([
{header:''编号'',dataIndex:''id''},
{header:''性别'',dataIndex:''sex''},
{header:''名称'',dataIndex:''name''},
{header:''描述'',dataIndex:''descn''}
]);
cm.defaultSortable = true;

// ArrayData
var data = [
[''1'',''male'',''name1'',''descn1''],
[''2'',''male'',''name1'',''descn2''],
[''3'',''male'',''name3'',''descn3''],
[''4'',''male'',''name4'',''descn4''],
[''5'',''male'',''name5'',''descn5'']
];
// ArrayReader
var ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({}, [
{name: ''id'',mapping: 0},
{name: ''sex'',mapping: 1},
{name: ''name'',mapping: 2},
{name: ''descn'',mapping: 3}
])
});
ds.load();

var grid = new Ext.grid.GridPanel({
el: ''grid'',
ds: ds,
cm: cm
});
grid.render();

});
</script>

</head>

<body>
<div id='grid'></div>

</body>
</html>

...全文

77 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

nature_he 2009-11-28

打赏
举报

终于找到原因了
原来它只显示一行数据
我设了个viewport
layout：fit
就可以显示了
谢谢大家

happy664618843 2009-11-28

打赏
举报

单步调试看下输出结果

nature_he 2009-11-28

打赏
举报

有调试了一下
现在只显示第一行数据

nature_he 2009-11-28

打赏
举报

先谢谢一楼的
可按照一楼的我直接打开可以
而且只显示第一行（编号，性别、、）
可部署到服务器上就什么都不显示
什么问题呀

yangqiang0619 2009-11-27

打赏
举报

楼上正解。另grid指定下高度即可

javaVScsharp 2009-11-27

打赏
举报

Ext.onReady(function(){



    var cm = new Ext.grid.ColumnModel([{

        header: '编号',

        dataIndex: 'id'

    }, {

        header: '性别',

        dataIndex: 'sex'

    }, {

        header: '名称',

        dataIndex: 'name'

    }, {

        header: '描述',

        dataIndex: 'descn'

    }]);

    cm.defaultSortable = true;

    

    // ArrayData

    var data = [['1', 'male', 'name1', 'descn1'], ['2', 'male', 'name1', 'descn2'], ['3', 'male', 'name3', 'descn3'], ['4', 'male', 'name4', 'descn4'], ['5', 'male', 'name5', 'descn5']];

    // ArrayReader

    var ds = new Ext.data.Store({

        proxy: new Ext.data.MemoryProxy(data),

        reader: new Ext.data.ArrayReader({}, [{

            name: 'id',

            mapping: 0

        }, {

            name: 'sex',

            mapping: 1

        }, {

            name: 'name',

            mapping: 2

        }, {

            name: 'descn',

            mapping: 3

        }])

    });

    ds.load();

    

    var grid = new Ext.grid.GridPanel({

        el: 'grid',

        ds: ds,

        cm: cm

    });

    grid.render();

    

    

});