`
mickey_hou
  • 浏览: 245669 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

EXt 提示信息处理

    博客分类:
  • ext
阅读更多
Ext.onReady(function(){
Ext.get('mb1').on('click', function(e){ //提示信息:确认信息提示
Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', showResult); (标题,提示信息,调用function名字)
});

Ext.get('mb2').on('click', function(e){ //信息提示:弹出输入text,获取输入信息
Ext.MessageBox.prompt('Name', 'Please enter your name:', showResultText);
});

Ext.get('mb3').on('click', function(e){ //信息提示:弹出输入框,获取输入信息
Ext.MessageBox.show({
   title: 'Address',
   msg: 'Please enter your address:',
   width:300,
   buttons: Ext.MessageBox.OKCANCEL,    //按钮类型
   multiline: true,
   fn: showResultText,     //调用js
   animateTarget: 'mb3'
       });
     });

     Ext.get('mb4').on('click', function(e){ //信息提示:信息提示 ok    no   cancel
Ext.MessageBox.show({
title:'Save Changes?',
msg: 'You are closing a tab that has unsaved changes. <br />Would you like to save your changes?',
buttons: Ext.MessageBox.YESNOCANCEL, //按钮类型
fn: showResult,
animateTarget: 'mb4',
icon: Ext.MessageBox.QUESTION
});
    });

    Ext.get('mb6').on('click', function(){ //信息提示:进度条处理
Ext.MessageBox.show({
   title: 'Please wait',
   msg: 'Loading items...',
   progressText: 'Initializing...',
   width:300,
   progress:true,
   closable:false,
   animateTarget: 'mb6'
       });
       // this hideous block creates the bogus progress
       var f = function(v){
    return function(){
if(v == 12){
    Ext.MessageBox.hide();
    Ext.example.msg('Done', 'Your fake items were loaded!');
}else{
    var i = v/11;
    Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completed');
}
   };
       };
       for(var i = 1; i < 13; i++){
   setTimeout(f(i), i*500);
       }
});

Ext.get('mb8').on('click', function(){ //信息提示:弹出信息处理
Ext.MessageBox.alert('Status', 'Changes saved successfully.', showResult);
});

});
分享到:
评论

相关推荐

    Ext智能提示的操作文件以及使用说明

    ExtJS 是一个流行的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和功能,包括一个强大的数据管理...记住,始终关注用户体验,确保提示信息简洁明了,适时出现,避免打扰用户的正常操作流程。

    封装一个Ext消息提示框,显示几秒后自动消失

    Ext 是一个流行的 JavaScript 框架,提供了许多有用的功能,例如,组件、布局、事件处理等。在本例中,我们使用 Ext 框架来实现消息提示框的功能。Ext 框架提供了许多有用的方法和组件,例如,Ext.Element、Ext....

    Ext JS 提示消息的 函数

    根据给定的文件信息,我们可以总结出以下关于Ext JS中提示消息函数的相关知识点: ### Ext JS中的提示消息 #### 1. **Ext.MessageBox.confirm方法详解** `Ext.MessageBox.confirm`是Ext JS库中用于显示带有确认...

    ext智能提示.rar

    EXT提示不仅限于类和方法的自动完成,还涵盖了事件处理、配置选项、样式等多方面的内容。例如,在创建一个EXTJS组件时,编辑器会自动提示可用的构造函数,以及在配置对象中可以设置的属性。在编写事件监听器时,会列...

    Ext JS Notification 插件

    在Ext JS中,“Notification”插件是用于显示通知消息的一个组件,它可以帮助开发者在用户界面上创建吸引人且易于理解的提示信息。本文将深入探讨Ext JS Notification插件的使用方法、功能特性以及如何集成到项目中...

    ext 日期时间控件

    3. **验证**:EXT支持表单验证,DateTimeField可以设置`allowBlank`来控制是否允许为空,`invalidText`则可以自定义验证失败时的提示信息。 4. **国际化**:EXT框架支持多语言,日期和时间的显示可以根据不同的语言...

    ext 编程开发指南

    `MessageBox`是EXT提供的一个弹出对话框组件,可以用来显示提示信息或者确认对话框: ```javascript Ext.MessageBox.show({ title: '提示', msg: '这是一个消息框', buttons: Ext.MessageBox.OK }); ``` ##### ...

    Ext 添加功能form表单实例

    这里定义了一个必填的用户名字段,并设置了相应的提示信息。 3. **密码字段**: 与普通文本输入类似,但输入的字符会被隐藏,如`{xtype:"textfield", fieldLabel:"", id:"password", name:"password", inputType:'...

    Ext 2.3中文文档-API

    10. **工具提示和提示框**:EXT提供了多种提示信息的解决方案,如Tip、Tooltip和MessageBox,文档中会详细解释它们的使用。 通过阅读和理解这份Ext 2.3中文文档-API,开发者不仅可以深入理解EXT的底层机制,还能...

    EXT 表单验证EXT 表单验证

    10. **实际应用**:在实际项目中,EXT表单验证常用于注册、登录、修改个人信息等场景,确保用户输入的数据符合业务逻辑要求。 通过阅读如"EXT 表单验证_journeylin_新浪博客.html"、"ExtJS中表单验证使用自定义...

    Ext 中文帮助文档

    15. **工具提示和提示框**:提供动态显示额外信息的组件,如鼠标悬停时显示的工具提示,以及模态提示框。 通过"Ext 中文帮助文档",开发者可以详细了解到上述各个知识点,并结合实际案例学习如何使用和配置这些组件...

    ext几个实例

    理想情况下,服务器应返回JSON对象,包含登录状态和错误信息,便于前端处理。 **4. 数据库交互** 在MySQL数据库中,我们需要创建一个用户表,存储用户名和密码。示例中可能包含如下的表结构,以及一些测试数据。当...

    Ext_MessageBox

    `Ext.MessageBox`是ExtJS框架中用于显示模态对话框的一个非常实用的功能组件,它可以用来展示提示信息、请求用户输入、确认操作等。下面将详细介绍`Ext.MessageBox`的各种功能和用法。 ### 一、`Ext.MessageBox....

    ext session失效 页面跳转

    如果服务器返回的信息表示Session已经失效,EXT应用可以调用`Ext.util.NavigationModel.redirectTo`或`window.location.href`等方法,将页面重定向到登录页面。 在后端,开发者需要设置Session的生命周期和超时策略...

    ext常用注释

    Ext 提供了 `Ext.QuickTips` 类来快速创建和管理提示工具,可以方便地为用户界面添加各种提示信息。 ```javascript Ext.QuickTips.init(); ``` 调用 `init` 方法初始化提示工具,这使得可以在任何地方添加提示信息。...

    YUI-EXT使用详解

    6. **工具提示(Tooltips)**:YUI-EXT还提供了强大的工具提示功能,允许自定义内容、样式和行为,使用户能够获取更多关于界面上元素的信息。 7. **可扩展性(Extensibility)**:YUI-EXT的组件和类系统设计得非常...

    Ext window的使用

    - **信息提示**:你可以创建一个带有确认按钮的窗口来提示用户进行操作。 - **表单编辑**:将表单组件放入窗口中,用于单独的编辑操作。 - **动态加载内容**:利用Ajax从服务器获取数据并在窗口中显示。 8. **...

    Ext 2 中文API Documentation

    6. **工具提示(Tooltips)**:EXT提供了一种自定义的工具提示功能,可以为任何元素添加动态显示的信息。API文档会指导开发者如何创建和配置这些提示。 7. **拖放(Drag and Drop)**:EXT支持拖放操作,使得用户...

    Ext 中实现Excel导出

    根据给定的信息,本文将详细解释如何在Ext框架中实现Excel导出功能。这涉及到从前台界面设计到后端数据处理的多个环节。下面将依次介绍相关知识点。 ### 一、Ext简介 Ext是一个用于构建交互式Web应用程序的...

    EXT 上传图片 删除图片,显示图片,PHP

    在EXT中,处理图片上传、删除和显示是一项常见的任务,特别是在构建涉及多媒体内容的Web应用时。本篇文章将深入探讨EXT如何与PHP配合,实现这些功能。 1. **图片上传** 在EXT中,我们可以使用`Ext.form.FileField`...

Global site tag (gtag.js) - Google Analytics