jquery dialog 施用url加载使用方法

jquery dialog 使用url加载使用方法

示例如下：

$('<iframe frameborder="0" src="/CH-SERVICE/views/platform/system/usergroup/assignUsers.xhtml"/>').dialog( {
autoOpen: true,
height: 350,
position: 'center',
width: 700,
beforeClose: function() {
//TODO
} }).width(700).height(350);

改进：

1、dialog中加入参数传递

常用情况是在界面中了某个值，打开的dialog需要传入这个值。所以修改dialog的options加入postParams，并且在dialog创建的时候读取参数放到url中（注意少许参数才可使用，对不同的浏览器url传参有限制）。修改如下

_create: function() {
this.originalTitle = this.element.attr('title');

//update by zhengcaihai 如果是iframe
  if(this.element&&(this.element[0].tagName.toLowerCase()=='iframe')&&this.options.postParams){
   var src=this.element.attr("src"),q='';
   var arr=this.options.postParams.split(",");
   if(arr!=null&&arr!=''){
    for(var n in arr){
     q+=$.param($("#"+arr[n]).formToArray(true))+"&";
    }
    this.element.attr("src",src+'?'+q);
   }
  }
  var self = this,
   options = self.options,

........

参考如图：

jquery dialog 施用url加载使用方法

相关推荐