整整搞了两天,终天把这个东东给搞好了,其实也不是太难的事情,只是以前对CSS、JS、EXT、不太熟悉甚至陌生,现在终于把这个弄好了,代码贴出来和大家分享。
JS中的代码
- function createbbsLayout(){
- return new Ext.BorderLayout('conbbs', {
- north: {split:false, initialSize: 430, closeOnTab: true, titlebar: false,alwaysShowTabs: true}
- });
- }
-
- function layout(){
- bbslayout = createbbsLayout();
- bbslayout.beginUpdate();
- bbslayout.add('north', createBbsPanel());
- bbslayout.endUpdate();
- }
HTML中的代码
<td width="30%" height="450">
<div id='conbbs'></div>
</td>
分享到:
相关推荐
GWT是一种开源的Java框架,它允许开发者使用Java编写客户端代码,然后自动编译为优化的JavaScript,使得在浏览器中运行变得高效。 1. **ComplexPanel** ComplexPanel 是所有其他面板的基类,它提供了一个容器,...
`IFrame`则是一个在Web页面中嵌入另一个HTML页面的元素。在ExtJS中,我们通常使用`xtype: 'iframe'`来创建一个IFrame组件,然后将其添加到Panel中。然而,由于IFrame内容是异步加载的,Panel可能无法正确预估IFrame...
Panel是EXT JS中的基本组件之一,可以看作是一个容器,可以包含其他组件,如按钮、表格等。Panel通常用于组织和展示应用的界面结构。它们可以有标题、边框、工具栏、内联样式等特性。在`exttest.html`文件中,你可能...
9. **布局与样式**:Grid Panel通常嵌入在一个布局容器中,如Viewport或Border布局。源码会揭示如何设置这些布局,以及如何使用CSS样式调整Grid的外观。 10. **最佳实践**:源码分析也能让我们学习到ExtJS开发的...
在描述中提到了“面板中嵌套表格、列表组”,这表明我们将探讨如何在Bootstrap面板内部嵌入表格和列表组。在给定的代码片段中,我们可以看到一个具体的例子,展示了如何实现这一功能。 首先,面板(Panel)是通过`....
在"ASP.Net GridView Columns with Collapsible panel Embedded"这个主题中,我们将深入探讨如何在GridView列中嵌入可折叠面板,以实现更复杂的用户界面和交互性。 GridView控件本身是一种用于显示来自数据源(如...
1. **嵌入ECharts图表到ExtJS组件**:在ExtJS的Panel或其他容器组件中,通过内联HTML或使用`Ext.util.CSS`来引入ECharts的JavaScript和CSS资源。然后,在组件的`rendered`事件中初始化ECharts实例,设置相应的配置项...
在JavaServer Pages (JSP) 开发中,EXT 是一个流行的JavaScript 框架,它提供了丰富的用户界面组件,包括Grid(数据网格)和Table。EXT 提供了一种优雅的方式来展示和操作数据,尤其适用于创建交互式的Web应用程序,...
在JSP中,你可以嵌入Java代码来处理服务器端逻辑,同时利用HTML、CSS和JavaScript来定义页面结构和样式。在这个场景下,`test.jsp`可能包含了引入Ext JS库的脚本标签,以及初始化Ext应用的代码。 在开始你的第一个...
表格标签`<TABLE>`在HTML中用于创建表格,`<TBODY>`定义表格主体部分,`<TR>`定义表格的一行,`<TD>`定义表格的一个单元格。表格的`cellSpacing`属性定义单元格之间的间隔,`cellPadding`属性定义单元格边框与内容...
《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...
《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...
EXT JS应用通常嵌入在HTML页面中,通过引用EXT JS库文件,然后在JavaScript中编写EXT JS代码来控制页面的行为。HTML文档结构简洁,主要负责设置页面的基本结构和引入EXT JS库。 EXT JS的事件处理机制是其强大之处。...
在ExtJS中,IFrame通常用于实现一些特殊的需求,比如加载外部网页、嵌入表格或其他动态内容,或者是处理跨域通信。在2.0版本中,虽然没有直接提供IFrame组件,但可以通过自定义组件或者利用`Ext.util....
在EXTJS3中,我们可以创建一个新的Panel或Window组件,并在其配置中添加自定义的HTML代码,这部分代码会加载百度地图的JavaScript API。例如: ```javascript var mapPanel = new Ext.Panel({ title: '百度地图', ...
3. **EasyUI组件**:EasyUI 提供了丰富的组件库,包括布局(Layout)、表格(Table)、面板(Panel)、按钮(Button)、下拉框(ComboBox)、树形控件(Tree)、菜单(Menu)等。每个组件都有其特定的配置项和API,...
在EXT JS这个强大的JavaScript框架中,`Tree`和`Grid`是两个非常重要的组件,用于构建数据密集型的用户界面。在"ext tree grid 的高级实例运用"中,我们将深入探讨如何有效地结合这两个组件,实现复杂的交互功能。...
3. `test.windowgroup.html`:可能展示了如何在ExtJS的窗口(Window)组件中嵌入TinyMCE编辑器,窗口组(WindowGroup)则可能涉及到多个窗口的管理和显示。 4. `test.collapse.html`:这个文件可能包含关于如何在...
- 引入EXT和FusionCharts的相关库:首先需要在HTML页面中引入EXT的JS库和FusionCharts的JS、SWF文件。 - 创建EXT容器:定义一个EXT组件,例如一个面板(Panel),作为图表的容器。 - 加载数据:使用XML或JSON数据...
在`test1`文件中,可能包含了实现上述步骤的JavaScript代码,这可能是一个简单的HTML文件,其中嵌入了Ext JS库和示例脚本。通过分析这个文件,你可以看到具体如何组织这些组件和函数来实现功能。 学习这个实例有助...