当前位置: 代码迷 >> Web前端 >> jquery dialog 施用url加载使用方法
  详细解决方案

jquery dialog 施用url加载使用方法

热度:544   发布时间:2012-10-28 09:54:44.0
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,

?? ........

参考如图:

?

  相关解决方案