Ext Js技术之面板的初步使用

发布时间:2014-10-22 19:42:22编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"Ext Js技术之面板的初步使用",主要涉及到Ext Js技术之面板的初步使用方面的内容,对于Ext Js技术之面板的初步使用感兴趣的同学可以参考一下。

效果显示: 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Hello Extjs4.2</title> <link href="../ExtJS4.2/resources/css/ext-all-neptune.css" rel="stylesheet"> <!-- <script src="../ExtJS4.2/locale/ext-lang-zh_CN.js"></script> --> <script src="../ExtJS4.2/ext-all.js"></script> <script type="text/javascript"> Ext.onReady(function(){ new Ext.Panel({ renderTo:"hello", title:"面板头部header", width:300, height:200, html:'<h1>面板主区域</h1>', tbar:[{text:'顶部工具栏topToolbar'}], bbar:[{text:'底部工具栏bottomToolbar'}], buttons:[{text:"按钮位于footer"}] }); }); </script> </head> <body> <div id="hello"></div> </body> </html>


上一篇:fpm简介
下一篇:java程序员

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款