`
chun521521
  • 浏览: 281799 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

Ext.viewPort 在IE下显示空白问题

 
阅读更多

 

 

在使用Ext之ViewPort的border进行页面布局时，有时会出现页面加载不显示问题，让人很是头痛。
其实，这个问题解决很简单，就是在页面的头部加入<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">即可。

 

 

 

XHTML 1.0 提供了三种DTD声明可供选择：

过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如<br>。完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

 

转自：http://blog.sina.com.cn/s/blog_6e7535b70100tuov.html

分享到：
| Ext.grid.GridPanel 加2个tbar
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Ext.Viewport布局

    在前端开发领域，尤其是基于Ext JS框架进行应用设计时，`Ext.Viewport`布局是至关重要的概念。它提供了一个全面的、全屏的容器，用于组织和展示各种UI组件，如面板、表格、图表等。在给定的代码片段中，我们看到`Ext...

    Ext.ux.SwfUploadPanel.js

    Ext.container.Viewport.add(uploadPanel); ``` 总的来说，`Ext.ux.SwfUploadPanel.js`是一个强大而灵活的文件上传解决方案，它结合了ExtJS的组件化和SwfUpload的高级上传功能，使得在Web应用中实现多文件上传变得...

    ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容) 面板是ExtJs控件的基础，很多控件都是在面板的基础上扩展的，或者他会与其他控件之间有关系。 面板由一个工具栏、一个底部工具栏、面板头部、面板...

    Ext组件描述，各个组件含义

    **2.13 Viewport (Ext.Viewport)** - **xtype**: `viewport` - **功能描述**：Viewport 是一个全屏的容器，可以作为应用程序的主要容器。 - **主要用途**：作为应用的主要布局容器，管理整个页面的内容。 **2.14 ...

    Ext.JS.4.First.Look_第1版__._Ext.JS.4.First.Look_.Loiane.Groner.文字版

    - **兼容性问题**：由于架构的重大改变，从 Ext.JS 3.x 迁移到 4.0 需要注意一些兼容性问题。例如，一些旧的类名可能已经被替换或删除。 - **代码审查**：在迁移过程中，需要对现有的代码进行全面审查，以确保所有的...

    Ext Js权威指南(.zip.001

    9.2.3　将body元素作为容器：ext.container.viewport / 435 9.3　面板 / 436 9.3.1　面板的结构 / 436 9.3.2　构件的放置：dockeditems / 438 9.3.3　面板标题栏构件：ext.panel.header与ext.panel.tool / 438 9.3.4...

    Ext.ux.form.TinyMCETextArea

    Ext.ux.form.TinyMCETextArea 是一个在Extjs4框架下实现的组件，它将TinyMCE编辑器集成到了ExtJS的表单控件中，提供了富文本编辑的功能。这个组件是基于HTML5构建的，因此在兼容性和功能上能够满足现代网页应用的...

    jsp+ext4(js部分由Ext Designer生成)

    1.Ext Designer生成的代码，如何使用；通过实例化来使用。 2.Ext 的model,store,grid使用,store如何接收json数据 3.form.Panel的分离，如何引用。 4.Ext.define的命名包含了namespace。 *本例子是简单的实现了一下...

    Ext.Direct.Mvc是ASP.NET Mvc.的Ext Direct服务器端堆栈的实现.zip

    Ext.widget('viewport', { layout: 'fit', items: { xtype: 'grid', store: { proxy: { type: 'direct', directFn: 'test.getData' }, fields: ['name'], autoLoad: true }, columns: [ { text: 'Data...

    extTree例子点击出现等

    这可能包括创建一个新的`Ext.window.Window`，加载一个新的`Ext.container.Viewport`，或者更新现有组件的状态。 4. 使用`show`或`open`方法将新界面呈现给用户。 在提供的压缩包文件"ExtTest"中，可能包含了实现这...

    关于viewport,Ext.panel和Ext.form.panel的关系

    那个深入浅出ext作者比我还懒 viewport存放Ext.panel对象,其容器中的成员可以以borderlayout方式布局

    Ext DateField控件 - 只选择年月插件

    总结来说，"Ext DateField控件 - 只选择年月插件"是一个方便易用的工具，能够帮助开发者在Ext JS应用程序中实现更精细的日期选择功能，专注于年月的选取，从而满足特定场景下的用户需求。通过合理地配置和集成，你...

    详解jquery插件jquery.viewport.js学习使用方法

    jquery.viewport.js是一款基于jQuery的轻量级插件，通过它可以实现对页面中元素在视窗中出现、隐藏以及滚动等情况的检测。该插件通过向jQuery对象添加一组自定义的伪选择器（pseudo-selectors），使得开发者能够方便...

    EXT下拉框显示树形结构源代码

    而在某些情况下，我们可能需要在下拉框中展示树形结构的数据，这就是EXT COMBO TREE的用武之地。 EXT COMBO TREE是EXT COMBO的一种扩展，它允许用户在下拉菜单中以树形结构展示数据。这在处理层级关系或者分类数据...

    Ext之ViewPort

    NULL 博文链接：https://kai2008.iteye.com/blog/350192

    Extjs4 下拉树 TreeCombo

    ExtJS 4 下拉树（TreeCombo）是一种组合控件，它将传统的下拉框与树形结构结合在一起，提供了一种在有限空间内展示层级数据的高效方式。这种控件在很多场合都非常实用，例如在需要用户选择分类或者层级结构的场景中...

    EXT dojochina Ext类别名.rar

    EXT dojochina Ext类别名.rar 这个压缩包文件主要关注的是EXT，一个JavaScript库，特别是它在中国的使用...在dojoChina社区中交流EXT的使用经验，可以获取最新的开发技巧，解决问题，以及与其他开发者共享最佳实践。

    Ext登陆login

    2. **Ext.container.Container**: 用于组合其他组件，如`Ext.container.Viewport`可以作为整个应用的容器，包含登录表单。 3. **Ext.form.Panel**: 专门用于创建表单的容器，可以包含多个字段、验证规则等。在登录...

    ext实例 ext操作步骤

    4. **Card布局**：由`Ext.layout.CardLayout`定义，只在特定时间显示一个子组件，常用于步骤向导或选项卡式界面。 **创建窗口**在EXT中，窗口通常用于弹出式对话框或者独立的功能区。EXT提供了`Ext.Window`类来创建...

Magicbox
Global site tag (gtag.js) - Google Analytics