效果图:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>04.form</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all-debug.js"></script>
<script type="text/javascript">
Ext.BLANK_IMAGE_URL = '../../resources/images/default/s.gif';
Ext.onReady(function(){
var panel = new Ext.Panel({
renderTo : containername,
//下面这行不能有.
//frame : true,
title : 'Title',
html : 'text'
});
panel.header.setStyle( {
color: '#F00', //设置颜色
background : '', //去掉默认的背景
'background-color': '#666' //设置背景色
});
});
</script>
</head>
<body>
<div id="containername" style="margin:100px;"></div>
</body>
</html>
- 大小: 2.3 KB
分享到：
相关推荐
ExtAspNet v2.2.1 ExtAspNet是一组专业的Asp.net控件库，拥有原生的AJAX支持和丰富的UI效果， 目标是创建没有JavaScript，没有... -在Page_Load中设置了哪些需要在AJAX中更新的Asp.net控件会在回发时保持状态，可以...
最新提及的版本是Ext2.2，本教程将基于这个版本进行讲解。 使用ExtJS，首先需要引入必要的CSS和JavaScript文件。`ext22/resources/css/ext-all.css`是样式文件，提供了ExtJS的视觉样式。接着，`ext22/adapter/ext/...
在ExtJs中，树形结构通常通过`Ext.tree.Panel`组件来实现，它可以展示可折叠/展开的节点，支持节点的拖放操作，以及各种自定义的事件和行为。 2. **创建树形结构** 创建一个基本的树形结构首先需要定义节点数据。...
- **ext-all.css**：这是ExtJS的核心样式表文件，包含了所有默认的样式规则。 - **ext-all.js**：这是ExtJS的核心JavaScript文件，包含了所有核心的JavaScript代码。 - **Ext.Base.js**：这是一个额外的JavaScript...
`Ext.Panel` 是一个非常常用的容器组件，它可以用来封装一组相关的组件，并提供标题栏、边框等样式。下面是一个简单的 `Ext.Panel` 示例： ```javascript new Ext.Panel({ title: 'Example Panel', width: 400, ...
- 同样地，在HTML文件中引入ExtJS提供的CSS文件来设置界面样式。 ```html <link rel="stylesheet" type="text/css" href="/extjs/resources/css/ext-all.css"> ``` 4. **创建基本HTML结构**： - 构建一个包含`...
5. **自定义节点模板**：如果需要自定义节点的展示样式，可以通过`Ext.XTemplate`定义节点模板，然后将其设置给`TreeView`的`tbar`或`tpl`属性。 6. **扩展功能**：除了基础的树形结构，ExtJS还提供了树表格...
Ext.create('Ext.panel.Panel', { title: 'Panel Example', width: 400, height: 200, items: [{ xtype: 'textfield', name: 'name', fieldLabel: 'Name' }, { xtype: 'button', text: 'Submit' }] });...
- **示例**: 使用 `Ext.Fx` 和 `Ext.Element` 类中的动画函数实现动态效果。 #### 五、元素操作与模板 **5.1 元素操作** - **工具**: `Ext.DomHelper` 类提供了创建、操作 DOM 元素的方法。 - **示例**: `Ext....
通过设置`title`、`bodyPadding`等属性来自定义面板的样式。 #### 4.2 选项面板TabPanel TabPanel是一种特殊的面板，它包含了多个子面板，并通过标签的形式展示这些子面板。适用于创建多页面式的Web应用程序。 ##...
-Grid的BoundField增加NullDisplayText属性，用于处理数据库中的null值，如果没有设置则默认为空字符串。 -修正DatePicker中的一个bug(31/01/2010将会返回NULL)使用DateFormatString来生成SelectedDate属性...