extjs5备忘(2)

<!DOCTYPE html>

<html>

   <head>

         <metahttp-equiv="Content-Type" content="text/html;charset=UTF-8">

        <title>Welcome to ExtJS!</title>

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

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

       <scripttype="text/javascript"src="ext/trial/5.0.0/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>

 

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

   </head>

   <body></body>

</html>

本博客所有内容是原创,如果转载请注明来源

http://blog.csdn.net/myhaspl/

技术分享

app.js

Ext.application({

   name   : ‘MyApp‘,

 

   launch : function() {

 

        Ext.widget({

            renderTo : Ext.getBody(),

            xtype    : ‘grid‘,

            title    : ‘学生‘,

            width    : 650,

            height   : 300,

            plugins  : ‘rowediting‘,

            store    : {

                fields : [ ‘name‘, ‘age‘,‘sex‘, ‘score‘ ],

                data   : [

                    [ ‘张三‘, 35, ‘男‘, 98.5 ],

                    [ ‘李四‘, 29, ‘女‘, 68.4 ]

                ]

            },

            columns: {

                defaults: {

                    editor : ‘numberfield‘,

                    width  : 120

                },

                items: [

                    { text: ‘名字‘,dataIndex: ‘name‘, flex: 1, editor: ‘textfield‘ },

                    { text: ‘年纪‘,dataIndex: ‘age‘ },

                    { text: ‘性别‘,dataIndex: ‘sex‘ , flex: 1, editor: ‘textfield‘ },

                    { text: ‘成绩‘,dataIndex: ‘score‘ }

                ]

            }

        })

   }

});

 


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。