`
tipx
  • 浏览: 109156 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

土方法解决extjs3.0 MessageBox 自适应宽度

EXT 
阅读更多
在使用extjs3.0的MessageBox时,碰到自适应宽度的问题,

案件重现:
1.先提示内容较长的信息
  Ext.Msg.alert('内容比较长长长长长长长长长!');

 

2.再提示内容较短的信息
  Ext.Msg.alert('内容有点短啊!');




3.再次提示内容较长的信息(信息长度至少比第2点的内容长时,出现换行)
  Ext.Msg.alert('内容比第2点长就可以了!');





4.再次提示第1点的较长内容看看(跟第3一样出现换行)




按顺序从1-3弹出,其中第1和第2个msgbox窗口宽度都能够自适应,第3个和第4个msgbox的宽度却没有自适应文字宽度,而是出现文字换行。


网上的解决方法不多,1种为重新设置宽度,1种为修改源码,这两种都不适合我,最后自己对着api一个个遍历猜测,最终得下面的土方法:

Ext.onReady(function(){
  var fixSpace = []; //用200个不换行的空格填充,撑宽宽度
  for(var i=0; i<20; i++){
    fixSpace.push("&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;");
  }
  //取出msgbox的window,并在隐藏时,重新设置相当长的一段内容
  //(这内容用其它能占位的字符代替也可以)
  //因为Ext.Msg是单例对象,所以只要在onReady时加入下面的代码即可达到全局设置的效果
  Ext.Msg.getDialog().on("hide", function(self){
    Ext.Msg.updateText(fixSpace.join(""));
  });
});


由于阅读源码对于我实在难度过大,所以只能以此土方法治标;
如果有更好的方法,欢迎留言给我
  • 大小: 7.9 KB
  • 大小: 5.8 KB
  • 大小: 7 KB
  • 大小: 6.3 KB
0
0
分享到:
评论

相关推荐

    extJS3.0完整包

    extJS3.0 extJS3.0 extJS3.0 extJS3.0 extJS3.0 extJS3.0 extJS3.0

    ExtJS3.0中文API

    绝对的ExtJS3.0中文API,本人在网上找了好久才找到的,在此奉献给大家!!解压后有30多兆!!

    ExtJS3.0 源码分析与开发实例宝典

    ExtJS3.0 源码分析与开发实例宝典

    extjs3.0开发包含示例api

    EXTJS 3.0是一款基于JavaScript的开源UI框架,它为Web应用提供了丰富的组件和...对于Java开发者来说,EXTJS 3.0提供了一种与后端无缝集成的前端解决方案,可以利用其强大的客户端能力减轻服务器负担,提升用户体验。

    Extjs3.0 中文API帮助文档

    Extjs3.0中文API文档 够详细 够详细 够详细

    EXTJS3.0登陆DEMO

    EXTJS3.0登录DEMO是一个基于EXTJS框架的示例项目,展示了如何将EXTJS与STRUTS2、SPRING和IBATIS等流行Java技术整合,构建一个完整的Web应用程序。EXTJS是一个用于创建富客户端界面的JavaScript库,而STRUTS2、SPRING...

    Extjs3.0 常用组件介绍及怎么安装开发利器Spket

    **ExtJS 3.0 常用组件介绍** ExtJS 是一款强大的JavaScript库,用于构建富客户端Web应用。在3.0版本中,它提供了一系列丰富的组件,这些组件可以帮助开发者构建功能丰富的用户界面。以下是一些ExtJS 3.0中的常用...

    extjs3.0 组件

    在学习EXTJS 3.0 时,通过实践示例(demo)是提高理解的最好方法。课程中的大量demo 将帮助你更好地掌握每个组件的用法,加深对EXTJS 工作原理的理解。你可以通过运行这些示例,亲自调整参数,观察结果,从而提升...

    EXTJS3.0中文API (离线)

    总的来说,EXTJS 3.0中文API为开发者提供了一个详细的指南,无论是在项目初始化阶段还是在解决具体问题时,都能从中获得必要的帮助。对于EXTJS的初学者和有经验的开发者来说,这都是一份非常宝贵的资源。

    extjs3.0 中扩展的日期控件

    由于extjs3.0自己封装的时间不能够选择时分秒,给大家开发带来了一些麻烦。虽然网上有ext2.0的日期扩展控件,但在3.0中不能用。公司现在项目正用了,因此我就对extjs3.0时间控件的扩展,实现了可选择时分秒功能。...

    extjs3.0 API 中英

    这个压缩包包含了ExtJS 3.0的API文档,分别以中文和英文两种语言提供,对于学习和查阅非常便利。 在ExtJS 3.0的API中,我们可以找到以下几个重要的知识点: 1. **组件系统**:ExtJS的核心是它的组件模型,包括各种...

    EXTJS3.0多文件上传组件

    综上所述,EXTJS3.0多文件上传组件结合了EXTJS的组件化开发优势和SWFUpload的多文件上传功能,为开发者提供了一个高效且易于定制的文件上传解决方案。通过深入理解和掌握相关知识点,可以开发出满足不同需求的多文件...

    ExtJS 3.0 API 文档离线包

    通过这个离线包中的“docs”文件,你可以深入研究ExtJS 3.0的每个类、方法和属性,掌握如何构建高效、交互性强的Web应用。无论你是初学者还是经验丰富的开发者,这个文档都将是你不可或缺的参考资料。

    ExtJS3.0可视化开发工具

    通过"ExtJS3.0可视化开发工具",开发者可以更高效地创建和维护ExtJS应用程序,提升开发效率。然而,值得注意的是,虽然可视化工具简化了部分流程,深入理解ExtJS的底层原理和API仍然是必要的,特别是在处理复杂逻辑...

    extjs3.0部分插件代码

    在"extjs3.0部分插件代码"这个资料中,我们可以期待学习到关于ExtJS 3.0版本的一些关键插件的实现细节。 首先,让我们关注一下"spinner"这个文件名。在ExtJS中,Spinner是一个常见的组件,它通常用作数值输入框,...

    安装ExtJS3.0开发环境

    在网络上搜集,自己安装成功后在使用的开发环境。因ExtJS3.0和spket-1.6.18.jar的开发包太大不能上传,里面有安装说明和下载路径 ext-jsb2.zip jsb2是最新的。。请所需者取之

    ExtJs3.0API

    ExtJs3.0API,希望对大家有所帮助

    ExtJS 3.0 学习资源

    ExtJS 3.0 学习资源,有兴趣的 可以下载看看!!!!

    解决Extjs3.0不兼容IE9

    项目中遇到Extjs3.0在IE9中不兼容,现有两种解决方法

    extjs3.0开发包以及文档

    extjs框架,学习,开发,extjs3.0开发包以及文档

Global site tag (gtag.js) - Google Analytics