Ext Js技术之面板的初步使用
来源:互联网 发布:php class 实例 编辑:程序博客网 时间:2024/05/22 06:49
效果显示:
代码:
<!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>
0 0
- Ext Js技术之面板的初步使用
- Ext JS技术之面板实例二
- 初步接触Ext Js技术实例一
- ExtJS面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- ExtJS面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- EXT JS 面板布局
- 面板Ext.Panel使用
- 面板Ext.Panel使用
- Ext.Direct技术初步
- Ext js技术之不能关闭的窗口
- Axure RP Pro7.0 之 动态面板初步使用
- ExtJS学习笔记(六) 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- ExtJs学习笔记基础篇(3)-面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- ExtJs学习笔记基础篇(3)-面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- Ext JS 入门之panel,TabPanel的简单使用
- ext js 之属性和方法的使用
- EXT PANEL面板的刷新
- Ext js封装面板和按钮
- 14年春面试前学习计划(一)
- 给定整数数组,相邻两个之间之差为1或者-1,求给定数在数组中的位置
- 计算机应用和软件开发
- POJ 2392 初涉多重背包
- fpm简介
- Ext Js技术之面板的初步使用
- 】The application’s PagerAdapter changed the adapter’s contents without calling PagerAdapter#notifyDa
- javascript不一样的写法
- Chromium contentshell启动分析之sandox process创建历程(chromium:tag28)
- 利用over开窗函数取第一条记录
- 寒假训练--01背包完全背包--小P的故事——神奇的饭卡
- 输入数据加速 scan_d();
- webos 开发架构
- 【中国好医生纪录片连载五】周义-你们的健康,才是我的快乐