首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery dialog 施用url加载使用方法

2012-10-28 
jquery dialog 使用url加载使用方法示例如下:$(iframe frameborder0 src/CH-SERVICE/views/platfor

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,

?? ........

参考如图:

?

热点排行