Extjs教程-确认框 提示框

原载于:转www.载for网站制作学习asp必.cn究

Extjs这次说一下确认框confrim()方法和提示框prompt()方法

首先说一下confirm()方法 在javascript中该方法是让客户选择确定或者取消
返回值为true 或者false、
下面说一下Extjs的调用格式
Ext.Msg.confirm(String title,String msg,[function fn],[object scope]);
Msg可以换成MessageBox
title 必填提示窗口的 title
msg   必填 提示内容
fn    回调函数，仅写函数名，函数调用的时候参数为id实际值为：no yes  或者cancel
object   是回调函数fn的作用于 可以是this 仅作用于本身
提示选项结果为 no 和 yes
代码如下
Ext.onReady(function(){
   Ext.Msg.confirm('确定么?','单击进行选项',fn);
   function fn(id){
   alert('你单击的是'+id);
   }
 });
显示效果如下

图1
点击yes 或者no 返回对应的值 给fn函数的id 如果点击右上角的x 则返回 cancel

下面介绍一下 获取用户信息+ 提示框的方法Ext.Msg.prompt;
方法
Ext.Msg.prompt(String title,String msg,[function fn ],[object scop],[Boolean/Nubmer Multiline],[String value]);
解释一下
title 必要 显示的窗口标题
msg   必填 提示内容
fn     可选  返回的时候掉用的函数
scop  回调函数的作用于
Boolean Multiline 设置用户输入内容框是多行或者单行 false单行 多行true 如果自定义的直接输入像素高
value   则是在输入框内的默认值，
比如下面代码
Ext.onReady(function(){
    Ext.Msg.prompt('提示标题','提示内容请：输入',fn,this,true,'默认输入值');
 function fn(id,msg){
  alert('你点击的是'+id+'填写的是'+msg);
 }
    
 });
显示效果如下

图3
点击后图如下

图 4

返回的参数id 是点击的对象返回值为 ok或者cancel msg是用户的的填入值，如果没有更改则为默认值。