EXTJS 入门的例子

浏览数：33 / 时间：2015年06月09日

最近做项目开始使用EXTJS，以前没有接触过EXTJS，不过我相信经过坚持的学习和积累，很快就能上手，特此我记录一些学习的DEMO，不要怕学不会，就是怕自己练的少，一门技术熟才能生巧，多练肯定会，废话不多说，开始记录，走你：

提前准备：

导入Ext所需的样式表和类库：

<link   href="extjs/resources/css/ext-all.css"      rel="stylesheet" type="text/css"/>
<script src ="extjs/ext-all.js"                     type="text/javascript"></script>
<script src ="extjs/ext.base.js"                 type="text/javascript"></script>
<script src ="extjs/locale/ext-lang-zh_CN.js"     type="text/javascript"></script>

EXT的代码写在以下脚本内：

<script type="text/javascript">
    Ext.onReady(function(){



    });
</script>

现在开始写示例了，其实示例都是网上的，但是无所谓，转化为自己的东西就是自己的，只是别人比咱们先学习到了而已

Ext.MessageBox.alert("审核提示","审核通过！");

var win = Ext.create("Ext.window.Window", {
title: ‘示例窗口‘,
width: 600,
height: 400
});
win.show();

var panel = new Ext.Panel({
title:"示例",
renderTo:‘sub1‘,
width:‘300px‘,
html:"<div id=‘div1‘ property1=‘pro1‘ style=‘height:200px‘><div id=‘01‘property1=‘pro1‘ >我的id是sub3</div><div id=‘02‘></div></div>"
});

：

<link href="extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css"/>
<script src ="extjs/ext-all.js" type="text/javascript"></script>
<script src ="extjs/ext.base.js" type="text/javascript"></script>
<script src ="extjs/locale/ext-lang-zh_CN.js" type="text/javascript"></script>

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

EXTJS 入门的例子