Ext Grid 独孤九剑-第六式 -

hwpok

浏览: 250701 次
性别:
来自: 上海

最近访客更多访客>>

xdonex

mianjifen_mianjifen

xiao_2008

kaowww153

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

Ext Grid 独孤九剑-第六式

博客分类：

EXT CSS JavaScript HTML

<%@ page contentType="text/html;charset=UTF-8"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>onReady</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>
        function a()
        {
            function renderSex(value) {
                if (value == 'boy') {
                    return "<span style='color:red;font-weight:bold;'>男</span>";
                } else {
                    return "<span style='color:green;font-weight:bold;'>女</span>";
                }
            }
            var sm = new Ext.grid.CheckboxSelectionModel();
            var cm = new Ext.grid.ColumnModel(
                [
                    new Ext.grid.RowNumberer(),
                    sm,
                    {header:'编号',dataIndex:'id',width:80,sortable:true},
                    {header:'名称',dataIndex:'name',width:80},
                    {header:'性别',dataIndex:'sex',renderer:renderSex},
                    {header:'日期',dataIndex:'date',width:100,renderer: Ext.util.Format.dateRenderer('Y年m月d日')},
                    {header:'描述',dataIndex:'descn',width:200}
                ]);
            alert(cm);
            var data = [
                ['1','name1','girl','1970-01-15T02:58:04','descn1'],
                ['2','name2','boy','1970-01-15T02:58:04','descn2'],
                ['3','name3','girl','1970-01-15T02:58:04','descn3'],
                ['4','name4','girl','1970-01-15T02:58:04','descn4'],
                ['5','name5','boy','1970-01-15T02:58:04','descn5']
            ];
            alert(data);
            var ds = new Ext.data.Store({
                proxy: new Ext.data.MemoryProxy(data),
                reader: new Ext.data.ArrayReader({}, [
                    {name: 'id'},
                    {name: 'name'},
                    {name: 'sex'},
                    {name: 'date', type:'date',dateFormat:'Y-m-dTH:i:s'},
                    {name: 'descn'}
                ])
            });
            ds.load();

            var grid = new Ext.grid.GridPanel({
                el: 'grid',
                ds: ds,
                cm: cm,
                sm: sm,
                autoExpandColumn: 6,
                bbar: new Ext.PagingToolbar({
                    pageSize: 10,
                    store: ds,
                    displayInfo: true,
                    displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
                    emptyMsg: "没有记录"
                })
            });
            grid.render();
        }
        Ext.onReady(a);
        </script>
    </head>
    <body>
        <div id="grid"></div>
    </body>
</html>

分享到：

Struts2 自定义拦截器二则 | ext 布局独孤九剑-第五式

2008-10-26 22:31
浏览 411
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Ext Grid 独孤九剑-第六式

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Ext Grid 独孤九剑-第六式

评论

发表评论

相关推荐

Ext.form.FormPanel 独孤九剑-第三式

Ext.form.FormPanel 独孤九剑-第四式

ext 布局 独孤九剑-第五式

Ext Grid 独孤九剑-第七式

Ext Grid 独孤九剑-第八式

关于Spket插件的安装 心得

Ext FormPanel 独孤九剑-第九式

Ext 提交一个Form到Servlet

Ext Grid 综合

Ext show,progress

Ext Toolbar 练习

Ext form

最近访客更多访客>>

ext 布局独孤九剑-第五式

关于Spket插件的安装心得