`
lisabush2008
  • 浏览: 32162 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

HTML中的表格嵌入JS中的PANEL

阅读更多

整整搞了两天,终天把这个东东给搞好了,其实也不是太难的事情,只是以前对CSS、JS、EXT、不太熟悉甚至陌生,现在终于把这个弄好了,代码贴出来和大家分享。

JS中的代码
  1. function createbbsLayout(){   
  2.         return new Ext.BorderLayout('conbbs', {   
  3.             north: {split:false, initialSize: 430, closeOnTab: true, titlebar: false,alwaysShowTabs: true}   
  4.         });   
  5.     }   
  6.   
  7. function layout(){   
  8.         bbslayout = createbbsLayout();   
  9.         bbslayout.beginUpdate();   
  10.         bbslayout.add('north', createBbsPanel());   
  11.         bbslayout.endUpdate();   
  12. }  

 

HTML中的代码
   <td width="30%" height="450">
            <div id='conbbs'></div>
   </td>
分享到:
评论

相关推荐

    GWT中各种Panel

    GWT是一种开源的Java框架,它允许开发者使用Java编写客户端代码,然后自动编译为优化的JavaScript,使得在浏览器中运行变得高效。 1. **ComplexPanel** ComplexPanel 是所有其他面板的基类,它提供了一个容器,...

    ext使用--Panel和iframe联合使用时页面高度的解决方法

    `IFrame`则是一个在Web页面中嵌入另一个HTML页面的元素。在ExtJS中,我们通常使用`xtype: 'iframe'`来创建一个IFrame组件,然后将其添加到Panel中。然而,由于IFrame内容是异步加载的,Panel可能无法正确预估IFrame...

    ext Panel+toolbar+button 实作带注释

    Panel是EXT JS中的基本组件之一,可以看作是一个容器,可以包含其他组件,如按钮、表格等。Panel通常用于组织和展示应用的界面结构。它们可以有标题、边框、工具栏、内联样式等特性。在`exttest.html`文件中,你可能...

    extjs grid.panel 项目 源码

    9. **布局与样式**:Grid Panel通常嵌入在一个布局容器中,如Viewport或Border布局。源码会揭示如何设置这些布局,以及如何使用CSS样式调整Grid的外观。 10. **最佳实践**:源码分析也能让我们学习到ExtJS开发的...

    panel of bootstrap

    在描述中提到了“面板中嵌套表格、列表组”,这表明我们将探讨如何在Bootstrap面板内部嵌入表格和列表组。在给定的代码片段中,我们可以看到一个具体的例子,展示了如何实现这一功能。 首先,面板(Panel)是通过`....

    ASP.Net GridView Columns with Collapsible panel Embedded

    在"ASP.Net GridView Columns with Collapsible panel Embedded"这个主题中,我们将深入探讨如何在GridView列中嵌入可折叠面板,以实现更复杂的用户界面和交互性。 GridView控件本身是一种用于显示来自数据源(如...

    Extj和Echarts组件(组合组件)

    1. **嵌入ECharts图表到ExtJS组件**:在ExtJS的Panel或其他容器组件中,通过内联HTML或使用`Ext.util.CSS`来引入ECharts的JavaScript和CSS资源。然后,在组件的`rendered`事件中初始化ECharts实例,设置相应的配置项...

    JSP中使用EXT实现grid table

    在JavaServer Pages (JSP) 开发中,EXT 是一个流行的JavaScript 框架,它提供了丰富的用户界面组件,包括Grid(数据网格)和Table。EXT 提供了一种优雅的方式来展示和操作数据,尤其适用于创建交互式的Web应用程序,...

    Ext2.0js my first test

    在JSP中,你可以嵌入Java代码来处理服务器端逻辑,同时利用HTML、CSS和JavaScript来定义页面结构和样式。在这个场景下,`test.jsp`可能包含了引入Ext JS库的脚本标签,以及初始化Ext应用的代码。 在开始你的第一个...

    HTML网页编辑代码大全详细使用方法.pdf

    表格标签`&lt;TABLE&gt;`在HTML中用于创建表格,`&lt;TBODY&gt;`定义表格主体部分,`&lt;TR&gt;`定义表格的一行,`&lt;TD&gt;`定义表格的一个单元格。表格的`cellSpacing`属性定义单元格之间的间隔,`cellPadding`属性定义单元格边框与内容...

    精通JS脚本之ExtJS框架.part1.rar

    《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...

    精通JS脚本之ExtJS框架.part2.rar

    《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...

    EXT 教程

    EXT JS应用通常嵌入在HTML页面中,通过引用EXT JS库文件,然后在JavaScript中编写EXT JS代码来控制页面的行为。HTML文档结构简洁,主要负责设置页面的基本结构和引入EXT JS库。 EXT JS的事件处理机制是其强大之处。...

    extjsIframe例子

    在ExtJS中,IFrame通常用于实现一些特殊的需求,比如加载外部网页、嵌入表格或其他动态内容,或者是处理跨域通信。在2.0版本中,虽然没有直接提供IFrame组件,但可以通过自定义组件或者利用`Ext.util....

    extjs3中引入地图

    在EXTJS3中,我们可以创建一个新的Panel或Window组件,并在其配置中添加自定义的HTML代码,这部分代码会加载百度地图的JavaScript API。例如: ```javascript var mapPanel = new Ext.Panel({ title: '百度地图', ...

    用JS-EasyUi做的web前端

    3. **EasyUI组件**:EasyUI 提供了丰富的组件库,包括布局(Layout)、表格(Table)、面板(Panel)、按钮(Button)、下拉框(ComboBox)、树形控件(Tree)、菜单(Menu)等。每个组件都有其特定的配置项和API,...

    ext tree grid 的高级实例运用

    在EXT JS这个强大的JavaScript框架中,`Tree`和`Grid`是两个非常重要的组件,用于构建数据密集型的用户界面。在"ext tree grid 的高级实例运用"中,我们将深入探讨如何有效地结合这两个组件,实现复杂的交互功能。...

    TinyMce For Extjs

    3. `test.windowgroup.html`:可能展示了如何在ExtJS的窗口(Window)组件中嵌入TinyMCE编辑器,窗口组(WindowGroup)则可能涉及到多个窗口的管理和显示。 4. `test.collapse.html`:这个文件可能包含关于如何在...

    在ext中使用fusionChart时文件

    - 引入EXT和FusionCharts的相关库:首先需要在HTML页面中引入EXT的JS库和FusionCharts的JS、SWF文件。 - 创建EXT容器:定义一个EXT组件,例如一个面板(Panel),作为图表的容器。 - 加载数据:使用XML或JSON数据...

    Ext grid 简单实例

    在`test1`文件中,可能包含了实现上述步骤的JavaScript代码,这可能是一个简单的HTML文件,其中嵌入了Ext JS库和示例脚本。通过分析这个文件,你可以看到具体如何组织这些组件和函数来实现功能。 学习这个实例有助...

Global site tag (gtag.js) - Google Analytics