ExtJs布局之viewport
2016-03-21 22:38
531 查看
<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css"> <script type="text/javascript" src="ExtJs/ext-all.js"></script> <script type="text/javascript" src="ExtJs/bootstrap.js"></script> <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script> <script type="text/javascript"> Ext.onReady(function(){ Ext.create('Ext.container.Viewport', { layout: 'border', items: [{ title: 'north Panel', html: 'Top', region: 'north', height: 1000 },{ title: 'West Panel', html: 'Left', region: 'west', width: 150 },{ title: 'main Content', html: 'Middle', region: 'center' }] }); }); </script> </head> <body> </body> </html>
相关文章推荐
- 《JAVASCRIPT:THE COMPLETE REFERENCE》读书笔记 数据类型与变量
- 解决项目开发过程中JS 缓存问题
- js focus输入焦点和判断邮件地址是否有@
- 7.5 Javascript:表单验证-正则补充
- ExtJs布局之BOX
- Spiral Matrix
- ExtJs布局之border
- JSP
- ExtJs布局之table
- javascript注入
- 同时使用jsp与thymeleaf
- ExtJs布局之Column
- 同时使用jsp与thyme leaf
- JavaScript 异步编程的四种方法
- TweenMax的小用法
- 快速获取网页的部分元素(不用selenium,用js)
- js实现30秒内禁止重复点击发送验证邮件
- Javascript优化
- jsoup解析html
- jsch文件下载功能