码迷,mamicode.com
首页 > Web开发 > 详细

EXTJS 入门的例子

时间:2015-04-29 16:46:46      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

最近做项目开始使用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 入门的例子

标签:

原文地址:http://www.cnblogs.com/warwolf/p/4457317.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!