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

Table 和 Grid loadMask 不兼容

阅读更多

重改以前的代码,结果发现以前那种 table 套 table 的方式,现在将里层的 table 改成 div grid,结果在 ie 下 loadMask:true 时整个 grid 都不透明了,把 div 放在最外层就好了,想起以前也是这样用 yui 的 grid,结果更差,grid @IE 都变形了,firefox 倒是好的,不过 table 布局不好 ,现在都提倡 div+css 了 ,可惜了以前那么多代码 ,不过 还好 有解决方案: 

 

loadMask 可以传个 Ext.LoadMask 对象

 

var loadM;
if (Ext.isIE)
    loadM = new Ext.LoadMask(Ext.getBody(), {msg:"加载中..."});
else
    loadM = true;

loadMask:loadM
 

这样的话 ,ie 下就 mask 到全屏透明的,但不知道 ie 怎么 mask 到 grid 透明。

分享到:
评论

相关推荐

    jQuery的loadmask插件

    首先,你需要在项目中引入jQuery库和loadmask插件的CSS及JavaScript文件。这通常涉及到在HTML文件的`<head>`部分添加以下代码: ```html <link rel="stylesheet" href="path/to/jquery.loadmask.css"> ...

    jquery loadmask 插件的使用方法

    **jQuery LoadMask插件是网页开发中常用的工具,主要用于在页面元素加载或处理过程中显示遮罩层,以提供用户友好的界面反馈。它能够告诉用户系统正在进行后台操作,避免用户在数据处理期间进行不必要的交互,从而...

    jquery.loadmask.js

    jquery.loadmask.js

    jquery loadmask 简单的遮罩

    在使用jQuery Loadmask时,你需要引入两个关键文件:`jquery.loadmask.css`和`jquery.loadmask.js`。`jquery.loadmask.css`包含了实现遮罩效果所需的样式,而`jquery.loadmask.js`则是JavaScript文件,包含了实现...

    Silverlight版本的LoadMask DemoSL

    LoadMask通常用于阻止用户与界面交互,直到后台任务完成,以防止数据不一致或中断操作。 Silverlight是微软推出的一种浏览器插件技术,用于创建丰富的、交互式的网络应用程序。它提供了类似于WPF(Windows ...

    jquery-loadmask-0.4[蜗牛修改版]

    jquery-loadmask-0.4[蜗牛修改版],是对jquery-loadmask-0.4 ,基于jquery,实现指定页面DOM元素、指定等候、锁屏时间等功能;语法:$("#锁定DOM元素ID").mask("正在处理,请稍等......", -10[出现廷迟时间毫秒], ...

    jquery.loadmask.zip

    Loadmask是一个jquery plugin,使用此插件可以在DOM元素加载或更改内容时为此DOM元素添加一个屏蔽层,以防止用户互动,同时起到提醒用户后台任务正在运行的作用。 使用此插件可以大大提高用户体验,此插件是一个...

    extjs mask load

    通常,当你调用某个组件(如Grid或Window)的`loadMask`方法时,会在该组件上显示一个半透明的覆盖层,表示后台正在执行加载或处理操作。 `mask`功能可以结合使用`Ext.LoadMask`类,这是一个独立的组件,可以附加到...

    xheditor+requireJS+loadmask

    3. **loadmask使用**:加载jQuery和jQuery.loadmask插件,然后在提交事件中应用loadmask。例如: ```html <script src="jquery.js"></script> <script src="jquery.loadmask.min.js"> $(function() { $('#...

    ExtJs grid多选时获取选中的所有值

    3. **创建Grid Panel**:使用上面定义的Store和ColumnModel来创建Grid Panel,并设置`CheckboxSelectionModel`。 ```javascript var gridFatList = new Ext.grid.GridPanel({ el: 'noAuditUsers', store: ...

    Extjs Grid 操作大全

    根据提供的文件信息以及标题与描述,本文将详细探讨Extjs Grid的操作大全,特别是关于如何获取Grid中的各种值以及如何添加各种点击事件。...希望本文能帮助读者更好地理解和掌握Extjs Grid的操作技巧。

    Ext.grid.GridPanel属性祥解

    综上所述,`Ext.grid.GridPanel`提供了非常全面且强大的功能,使得开发者能够根据实际需求灵活定制表格的样式和交互。通过深入了解这些配置选项和方法,可以更高效地利用ExtJS框架实现复杂的前端表格功能。

    EXTGrid属性方法

    - **reconfigure(Ext.data.Store store, Ext.grid.ColumnModel colModel)**: 重新配置数据存储器和列配置模型,通常用于动态改变表格的数据或列结构。 #### 三、Ext.grid.Column `Ext.grid.Column`代表了表格中的...

    extgrid属性[文].pdf

    在处理Ext.grid时,理解其属性、方法和事件是至关重要的。以下是对这些知识点的详细说明: 首先,表格的属性分为配置属性和可读写属性。配置属性一旦设置,通常在运行时无法更改,而可读写属性则可以在程序运行过程...

    ExtJS增删改查

    4. **页面加载时显示Grid,不查询数据,通过事件触发查询,并带LoadMask效果**: - 在触发查询前清空Grid的DOM元素(`div.innerHTML = ""`),然后重建Grid。 #### 四、示例代码分析 接下来,我们通过一个具体的...

    EFS+Struts2实战之grid Pane 解析XML实现数据交换

    为了使`grid`能够从后台获取数据,我们需要在JavaScript中设置`store`的URL和数据格式: ```javascript Ext.create('Ext.data.Store', { id: 'questionStore', proxy: { type: 'ajax', url: '...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -为Grid增加AutoPostBack属性和RowClick事件,示例在/data/grid_autopostback.aspx(feedback:chenguizhu2006)。 -为所有的表单字段增加AJAX属性ReadOnly(feedback:skydb)。 -Grid中TemplateField生成到页面中控件...

    Extjs的loading效果

    如果你在使用`Ext.data.Store`和`Ext.grid.Panel`,可以自动触发加载遮罩。只需在store的`load`事件中显示遮罩,在`load`事件完成时隐藏: ```javascript store.on('load', function(store, records, successful...

    ExtJS Grid使用SimpleStore、多选框的方法

    在这个实例中,我们设置了几个属性:renderTo指定了Grid渲染的位置,cm是列模型,sm是选择模型,store是之前创建的数据存储,loadMask设置为true表示加载数据时显示遮罩层。这里,"grid"是页面上已经存在的一个DOM...

    ext 资源汇总

    这个"EXT 资源汇总"包含了一系列与EXT相关的组件,如表单(Ext.form)、网格(Ext.grid)和树形视图(tree)。这些组件是EXT的核心功能,允许开发者创建交互式的用户界面。 1. **EXT.form**: EXT.form模块提供了...

Global site tag (gtag.js) - Google Analytics