Extjs 如何改变鼠标形状？

问题描述

现在鼠标在单击某个按钮之后，执行一个方法，但是此方法执行需要5~9秒左右才能返回值，这时候，页面上一点提示都没有，所以我想在这时候把鼠标形状改成漏斗形或者其他形状，让别人知道，此方法已被调用，不要再重复点击此按钮了。请教下如何改变鼠标形状。（网上说的那种css方法改变形状的除外）或者一般遇到这种情况，其他的解决方案？？

解决方案

将按钮相关的面板mask掉，中间显示等待信息，可以用动态图片。等请求完成后再执行unmask比如提交表单，就把表单所在面板mask掉。mask属于Ext.Element的用法，所以对面板要这样用：panel.getEl().mask("xxx")

时间： 2025-01-27 04:12:31

Extjs 如何改变鼠标形状？的相关文章

用CSS改变鼠标形状的代码

<span style="cursor:hand">手形</span> <span style="cursor:crosshair">十字</span> <span style="cursor:text" >文本光标</span> <span style="cursor:wait" >等待</span> <span style

js改变鼠标样式:js改变鼠标的形状和样式

当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式):auto move no-drop col-resizeall-scroll pointer not-allowed row-resizecrosshair progress e-resize ne-resizedefault text n-resize nw-resizehelp vertical-text s-resize se-resizeinherit wait w-resize sw-resize在w

js改变鼠标的形状和样式的方法

  常用的改变鼠标样式的方法:如果你想鼠标移动到某个元素上改变鼠标样式 就在这个元素的样式里加上 cursor:(你想改的样式) 当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式): auto move no-drop col-resize all-scroll pointer not-allowed row-resize crosshair progress e-resize ne-resize default text n-resize nw-resize

js改变鼠标的形状和样式的方法_javascript技巧

当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式): auto move no-drop col-resize all-scroll pointer not-allowed row-resize crosshair progress e-resize ne-resize default text n-resize nw-resize help vertical-text s-resize se-resize inherit wait w-resize sw-re

巧妙运用CSS样式表立刻改变鼠标的样式

css|样式表 用惯了Windows的人对各种各样的鼠标样式一定不会陌生.当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化.这同充满动感的网页显得不怎么和谐.实际上,用 CSS可以方便地定义许多种鼠标形状.用本文介绍的方法,可以在网页的作何地方设置鼠标的不同样式. 在Dreamweaver3中设置手形鼠标样式效果的制作步骤: 1.按F7(或点击快速启动栏里那个象"八

入门学习：运用CSS样式表改变鼠标的样式

css|鼠标|样式表 用惯了Windows的人对各种各样的鼠标样式一定不会陌生.当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化.这同充满动感的网页显得不怎么和谐.实际上,用CSS可以方便地定义许多种鼠标形状.用本文介绍的方法,可以在网页的作何地方设置鼠标的不同样式. 在Dreamweaver3中设置手形鼠标样式效果的制作步骤: 1.按F7(或点击快速启动栏里那个象

巧妙用CSS样式表改变鼠标的样式

用惯了Windows的人对各种各样的鼠标样式一定不会陌生.当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化.这同充满动感的网页显得不怎么和谐.实际上,用CSS可以方便地定义许多种鼠标形状.用本文介绍的方法,可以在网页的作何地方设置鼠标的不同样式. 在Dreamweaver3中设置手形鼠标样式效果的制作步骤: 1.按F7(或点击快速启动栏里那个象"八卦图"似

用CSS改变鼠标样式

  用CSS改变鼠标样式   关键字: 解释: 样式:   auto 自动改变样式   crosshair 精确定位"+" 用鼠标指着我察看效果   default 默认指针 用鼠标指着我察看效果   hand 手形 用鼠标指着我察看效果   move 移动 用鼠标指着我察看效果   e-resize 箭头朝右方 用鼠标指着我察看效果   ne-resize 箭头朝右上方 用鼠标指着我察看效果   nw-resize 箭头朝左上方 用鼠标指着我察看效果   n-resize 箭头朝上方

如何在改变鼠标光标时不闪烁

微软知识库有一篇文章Q131991描述了三种方法来改变基于MFC应用的鼠标光标.其中一种方法是重载CWnd::PreCreateWindow()函数注册自己的要改变鼠标指针的窗口类.这个方法对于要始终使用一个鼠标光标的应用程序很适合. 如果在应用程序中要动态改变鼠标光标,微软知识库的这篇文章建议重载CWnd::OnSetCursor()来实现.但是这种方法有一个缺点,就是当设置鼠标光标及还原时都会出现令人讨厌的光标闪烁. 如果应用程序中要使用几个不同的鼠标光标,为了不发生任何光标闪烁,本文介绍一