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

Ext.Element.isScrollable 问题

阅读更多

习惯了 Ext.getDoc().getViewSize()  以及 Ext.getDoc().getScroll() 获取浏览器窗口的一些信息,而这次用了下 Ext.getDoc().isScrollable() 发现并不是预期的结果 :可以查看浏览器是否有滚动条,看了下源码发现确实这个方法没有像前两个方法一样对document特殊处理,api 没有保持一致性,应该是不小心疏忽了

 

isScrollable : function(){
        var dom = this.dom;
        return dom.scrollHeight > dom.clientHeight || dom.scrollWidth > dom.clientWidth;
    },

 

调整一下:

 

isScrollable : function(){
        var d = this.dom, doc = document;
        if(d == doc || d == doc.body){
        	var scrollHeight=Ext.lib.Dom.getDocumentHeight();
        	var scrollWidth=Ext.lib.Dom.getDocumentWidth();
        	var clientHeight=Ext.lib.Dom.getViewportHeight();
        	var clientWidth=Ext.lib.Dom.getViewportWidth();		
        	return scrollHeight > clientHeight || scrollWidth > clientWidth;
        }
        return d.scrollHeight > d.clientHeight || d.scrollWidth > d.clientWidth;
    },

 

 

分享到:
评论

相关推荐

    Ext.get与Ext.fly 的区别

    它接收一个DOM元素的ID或者一个DOM元素对象,返回一个`Ext.Element`对象。`Ext.Element`是对原生DOM元素的封装,提供了大量的实用方法,如样式设置、事件监听等。如果元素不存在,`Ext.get`会返回`null`。这是一个...

    Ext.get与Ext.fly的区别

    它返回一个`Ext.Element`对象,该对象封装了原生的DOM元素,并提供了一系列用于操作这个元素的方法。 **优点**: - **直接访问**:`Ext.get`可以直接通过ID或其他选择器获取DOM元素。 - **功能全面**:通过`Ext....

    extjs-Ext.ux.form.LovCombo下拉框

    另一方面,“火狐下div不显示背景色的问题”可能涉及到CSS的渲染差异,`Ext.ux.form.LovCombo`对此进行了修正,使得下拉框在火狐浏览器中能正确显示背景色,提供良好的用户体验。 标签中包含的“eztjs多选单选...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

    Ext.data.Store的基本用法

    ### Ext.data.Store的基本用法详解 #### 一、Ext.data.Store简介 `Ext.data.Store`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作,并且提供了多种方法来方便地处理这些数据。...

    Ext.Ajax.request跨域

    标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...

    org.restlet.ext.spring.jar

    org.restlet.ext.spring.jar

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    EXT.form组件

    EXT.form组件是EXT JS库中用于构建表单界面的核心组件集合。这些组件提供了一系列丰富的控件,用于创建具有不同功能的交互式表单。在EXT JS中,表单组件不仅包含基本的输入字段,还支持复杂的输入类型和验证机制。 ...

    一个简单的Ext.Window中插入图片的例子

    在Ext JS这个强大的JavaScript框架中,`Ext.Window`是一个常用组件,用于创建浮动、可弹出的窗口。在Web应用程序中,我们常常需要在这些窗口中展示各种内容,包括文字、表格、按钮,当然还有图片。本文将详细介绍...

    Ext.tree.TreeLoader附带封装的json类

    在本文中,我们将深入探讨`Ext.tree.TreeLoader`与JSON数据在Ext JS框架中的应用。`Ext.tree.TreeLoader`是Ext JS库中的一个组件,它负责加载和解析树形结构的数据,而JSON(JavaScript Object Notation)则是一种轻...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档

    EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...

    Ext.ux.SwfUploadPanel.js

    `Ext.ux.SwfUploadPanel.js`是这样一个基于ExtJS和SwfUpload技术的插件,它实现了多文件上传的功能。这篇文章将深入探讨这个插件的工作原理、主要特点以及如何在实际项目中应用。 首先,`ExtJS`(全称为EXT ...

    extjs 学习笔记(二) Ext.Element类

    在EXTJS中,`Ext.Element` 是一个核心类,它提供了对DOM元素的强大操作和管理功能。本篇学习笔记将深入探讨`Ext.Element`类,包括`Ext.fly`和`Ext.get`的区别以及如何使用`Ext.Element`进行各种DOM操作。 首先,`...

    vbe6ext.olb

    运行Microsoft office时,vbe6ext.olb不能加载

    fp40ext.dll无法加载安装程序库

    标题 "fp40ext.dll无法加载安装程序库" 描述了一个常见的系统错误,涉及的是一个动态链接库(DLL)文件fp40ext.dll在尝试执行或加载时出现问题。DLL文件是Windows操作系统中的一种共享库,它包含了一系列可供多个...

    Ext.js教程和Ext.js API

    Ext.js 是一个强大的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件和数据绑定功能,使得开发者可以构建出具有桌面应用级别的交互式网页应用。本教程和API文档聚焦于Ext.js 3.0版本...

    删除shell360ext.dll的最佳解决方法

    本文将详细介绍如何安全有效地删除shell360ext.dll及其可能引发的问题和解决方案。 首先,我们需要理解为什么需要删除shell360ext.dll。这可能有以下几个原因: 1. 软件冲突:与其他应用程序的组件发生冲突,导致...

    Ext3.2的Ext.data.Store类和Ext.Ajax类的实际运用

    环境:Window XP Sp2、Tomcat 6.0、...关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们框架系统是非常有帮助的。本示例代码注释非常详细。 阅读对象:需要使用Ext框架进行Web开发的人员

Global site tag (gtag.js) - Google Analytics