`
zhengcaihai529
  • 浏览: 46423 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

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,

   ........

参考如图:

 

  • 大小: 62.7 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics