关于Ext显示的格式有关问题-JavaSript-爱易网页

关于Ext显示的格式有关问题

日期：2014-05-16　浏览次数：20294 次

关于Ext显示的格式问题！
最近在学习Ext，在网上下载了"掏钱学ExtJS"，跟他上面的代码一样，但是显示却大相径庭...
代码如下：

HTML code


<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=gbk">

        <title>grid</title>

        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />

        <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>

        <script type="text/javascript" src="../../ext-all.js"></script>

        <script type="text/javascript">

Ext.onReady(function(){



    var cm = new Ext.grid.ColumnModel([

        {header:'编号',dataIndex:'id'},

        {header:'名称',dataIndex:'name'},

        {header:'描述',dataIndex:'descn'}

    ]);



    var data = [

        ['1','name1','descn1'],

        ['2','name2','descn2'],

        ['3','name3','descn3'],

        ['4','name4','descn4'],

        ['5','name5','descn5']

    ];



    var ds = new Ext.data.Store({

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

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

            {name: 'id'},

            {name: 'name'},

            {name: 'descn'}

        ])

    });

    ds.load();



    var grid = new Ext.grid.GridPanel({

        el: 'grid',

        ds: ds,

        cm: cm

    });

    grid.render();



});

        </script>

    </head>

    <body>

        <script type="text/javascript" src="../examples.js"></script>

        <div id="grid"></div>

    </body>

</html>

例子运行的是正常如下：

但是我自己的却是如下：

为什么只是显示一行，末尾还有个下拉按钮

------解决方案--------------------
加个配置项：autoHeight:true,

JScript code


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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

关于Ext显示的格式有关问题

相关资料更多>

推荐阅读更多>