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

发布时间:2017-1-19 6:08:16 编辑: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程序员

相关文章

相关评论