示例如下:
$('<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
分享到:
相关推荐
在本文中,我们将深入探讨jQuery Dialog的使用方法、功能特性以及如何实现加载URL地址。 ### 1. jQuery Dialog基础 jQuery Dialog是基于jQuery和jQuery UI库构建的,它提供了一种模态或非模态的对话框,可以用来...
3. **初始化 Dialog**:使用 JavaScript 或 jQuery 调用 `.dialog()` 方法,设置相关参数,如宽度、高度、模态状态等。 4. **打开和关闭**:根据需求调用 `.dialog('open')` 和 `.dialog('close')` 方法来控制 ...
在本文中,我们将深入探讨 jQuery Dialog 的关键特性和使用方法。 ### 1. **基本用法** jQuery Dialog 可以将任何 HTML 元素转换为弹出式对话框。通过调用 `.dialog()` 方法,我们可以将元素转化为对话框: ```...
一旦这些资源加载完成,你可以通过调用特定的jQuery方法来创建自定义的对话框。 例如,创建一个错误提示对话框,你可以这样写: ```javascript $.alert({ title: '错误', content: '发生了一个错误,请检查你的...
基本的使用方法是通过调用popupDialog()函数来实现。 在示例代码中,我们看到如下代码段: ```html popupDialog(obj.id+"_dialog","模块信息",globalURL+"web/default/model_child.jsp","700","650"); ``` 这段...
使用jQuery的`.dialog()`方法初始化对话框。你可以设置各种选项,如宽度、高度、是否可拖动、关闭按钮等。例如: ```javascript $("#dialog").dialog({ autoOpen: false, width: 500, modal: true, buttons: ...
以下是一些关于使用jQuery Dialog的关键知识点: 1. **初始化Dialog**:首先,你需要在HTML中创建一个div元素,作为Dialog的基础结构。然后,通过jQuery的选择器找到这个元素,并调用`.dialog()`方法来初始化Dialog...
使用`.dialog('open')`和`.dialog('close')`方法来控制对话框的显示和隐藏: ```javascript // 打开对话框 $("#dialog").dialog("open"); // 关闭对话框 $("#dialog").dialog("close"); ``` ### 事件处理 jQuery...
首先,我们需要理解Dialog的基本使用方法。Dialog插件通过调用`.dialog()`方法附加到一个DOM元素上,该元素通常是一个`<div>`。例如,我们可以创建一个空的`<div>`,然后初始化Dialog: ```html <div id="dialog" ...
因此,许多开发者选择使用第三方库,如jQuery Dialog,来创建高度定制化的对话框。 **jQuery Dialog** jQuery Dialog是jQuery UI库的一个组件,它提供了丰富的功能和可配置性,使开发者能轻松地在网页中创建具有弹...
在ASP.NET MVC中,jQuery可以帮助我们在客户端进行更高效的操作,例如实现分页的AJAX加载,减少服务器端负载,提升用户体验。 在ASP.NET MVC中,我们通常会创建一个视图模型(ViewModel)来包含数据和分页信息。...
本文将深入探讨jQuery弹出窗口的使用方法,以及如何在实际项目中有效地利用它。 一、jQuery弹出窗口基础 jQuery弹出窗口并非内置功能,但通过结合其他插件或自定义JavaScript代码,可以实现这一功能。其中,最常用...
使用 `datagrid('load', url)` 方法可以加载远程数据。 7. **API 调用**:每个组件都有对应的 API 方法,如 `dialog('open')` 打开对话框,`datagrid('reload')` 刷新数据网格。 8. **国际化**:EasyUI 支持多语言...
本文将深入探讨artDialog的使用方法、核心功能以及在实际项目中的应用策略。 首先,让我们了解artDialog的基本概念。artDialog是一款基于jQuery的对话框插件,它提供了一套完整的对话框解决方案,包括警告、确认、...
本教程将探讨如何使用jQuery和Ajax技术实现一个简单的模态窗口,以展示如何在支付宝或淘宝等电子商务网站中实现类似的弹出窗口特效。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、...
2. **使用方法** 要使用此插件,首先需要引入jQuery和jQuery UI库,然后加载`jquery.top-droppable.js`。接下来,对需要设置为可拖放的元素和接收拖放的容器进行配置。通过添加特定的CSS类或使用jQuery方法来设置...
- **方法调用**: 通过`$(selector).pluginName('methodName', params)`调用组件的方法,例如`$("#dialog").dialog('open')`打开对话框。 - **属性设置与获取**: `$(selector).pluginName('option', key, value)`...
在前端开发中,经常需要将不同的JavaScript库进行整合使用,以...以上步骤展示了如何将jQuery的Dialog组件和zTree树形控件结合使用的基本方法。开发者在实际开发中,可以根据具体需求调整代码,实现更加丰富的功能。
new Dialog({type:'url',value:'http://www.caixw.com/public/uploads/demo/jquery/dialog/test.html'}).show(); 加载一URL到iframe new Dialog({type:'iframe',value:'http://www.caixw.com'}).show(); 本资源由...
- **页面结构**:jQuery Mobile 使用分页的概念,每个页面由一个或多个 `<div data-role="page">` 组成,页面间通过 AJAX 进行切换。 2. **页面和面板** - **页面加载与增强**:jQuery Mobile 会自动增强 HTML ...