MooDialog.Request添加事件

时间:2011-01-19 13:11:22

标签: mootools

如何向MooDialog.Request添加关闭事件?

更新 有我的代码:

window.addEvent('domready', function(){
  $('xyz').addEvent('click', function(e) {
    e.stop();
    var reqDialog = new MooDialog.Request(url,
      {view:'show'},
      {
        size:  {
          width: 460,
          height: 375,
          'zIndex':20
        }
      }
    );
    reqDialog.setRequestOptions({
        onClose: function(){
            alert('closed');
        }
    });
  });
});

1 个答案:

答案 0 :(得分:1)

这很简单:

//Request => new MooDialog.Request(url[, RequestOptions, options]);
var reqD = new MooDialog.Request('URL',null,{
    onClose: function(){
        alert('closed');
    }
});

doc

修改您的代码需要以这种方式更新:

window.addEvent('domready', function(){
  $('xyz').addEvent('click', function(e) {
    e.stop();
    var reqDialog = new MooDialog.Request(url, null, {
        class:'dialogClass',
        autoOpen: false,
        onClose: function(){
            alert('closed');
        }
    });

    reqDialog.open();

    /* 
        if you want to add some custom requestOptions, you need to do i.e.:
        reqDialog.setRequestOptions({
           onRequest: function(){
              reqDialog.setContent('loading...');
           }
        }).open();
    */
}); 

你需要一些css来通过dialogClass来定义对话框的样式:

.dialogClass{
    width:460;
    height:375;
    z-index:20;
}