`
chun521521
  • 浏览: 285171 次
  • 性别: 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 DateField控件 - 只选择年月插件

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

    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方式布局

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

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

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

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

    基于extjs的.NET3.5控件Coolite 1.0.0.34580(Preview预览版）

    1. Renamed Coolite.Ext.Web project to Ext.Net 2. Renamed Coolite.Examples project to Ext.Net.Examples 3. Renamed Coolite.Ext.UX project to Ext.Net.UX 4. Renamed Coolite.EmbeddedResourceBuilder ...

    Ext之ViewPort

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

    EXT dojochina Ext类别名.rar

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

    EXtjs 统计图 饼图 直方图 和折线图

    Ext.create('Ext.container.Viewport', { layout: 'fit', items: [{ xtype: 'chart', width: 400, height: 300, animate: true, store: { fields: ['name', 'data1'], data: [ {'name': 'Category 1', '...

    Ext登陆login

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

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