jquery.util.easyui.dialog】的更多相关文章

(function ($) { var $parent = parent.$; //获取弹出窗口数据集合 function getDialogs() { var dialogs = $parent("#div_index_data").data("dialogs"); dialogs = dialogs || []; if ($.util.isEmptyObjectOrNull(dialogs)) return []; return dialogs; } //获取当…
(function ($) { var $parent = parent.$; //获取弹出窗口数据集合 function getDialogs() { var dialogs = $parent("#div_index_data").data("dialogs"); dialogs = dialogs || []; if ($.util.isEmptyObjectOrNull(dialogs)) return []; return dialogs; } //获取当…
如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html, 如果想加载把其他页面 加载进dialog的iframe中,属性就要改用content. 引用: <link href="../css/easyui.css" rel="stylesheet" type="text/css" /> <script src="../js/jquer…
在iframe中 使用jquery ui dialog,弹出后可以覆盖父窗体 ///iframe中的jquery ui modal dialog 覆盖父窗口 function openDialog() {var $doc;if (window.location != window.parent.location) {// <SPAN style="COLOR: #ff0000">页面在iframe中</SPAN>$doc = window.parent.jQue…
最近使用easyui比较多,这个插件确实很好用.在使用时也遇到了大大小小的问题,好在都一一解决了. 记录一下今天遇到的问题. 目的:用easyui的dialog嵌入一个html页面(html中仍有要执行的脚本内容) 方法一: 使用href属性,失败. 经过测试,如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html. easyui官网上关于href属性的说明是: 属性href,类型string,一个URL,用它…
easyui dialog 中 panel-body 高度太小出现 滚动条 的原因: dialog 高度比 iframe 高度大79 就可以了 $.editcompanypersoninfo = function (opt) { console.info("editcompanyuserinfo_opt", opt); var url = '/PagesCommon/CompanyInfo/CompanyPersonInfo.aspx'; url += opt.rowindex ? '…
使用Easyui dialog进行数据新增的时候,如果Y轴方向有滚动条,当关闭之前的时候,将滚动条拉到最下方,再次打开的时候,滚动条还是定位在最下方. 需求: 每次打开的时候dialog Y轴滚动条定位在上方. 如图: HTML文件: <div id="mydialog" title="新建xxxx" class="easyui-dialog" data-options="modal:true,closed:true,dragga…
EasyUI Window 窗口 扩展自 $.fn.panel.defaults.通过 $.fn.window.defaults 重写默认的 defaults. 窗口(window)是一个浮动的.可拖拽的面板,可以当做应用程序窗口使用.默认情况下,窗口可移动.可调整尺寸.可关闭.它的内容既可以通过静态 html 定义,也可以通过 ajax 动态加载. 依赖 draggable resizable panel 用法 创建窗口(window) 1.从标记创建窗口(window). <div id=&qu…
熟练使用jquery ui / easyui的各种组件设计网页界面…
转行学开发,代码100天——2018-03-30 今天主要展示jQuery UI 之dialog部件的用法, 参考文档:https://jqueryui.com/dialog/ 本文记录分享初始的引用示例: <div id="div"> <p>这是一个dialog</p> </div> <a href="#" id="btn">按钮</a> dialog部件效果,只需调用 $…
开发项目中(使用JQuery EasyUI),根据业务需要重叠弹出多个提示框的情况,会出现如下情况:页面出现两个div模块调用同一个弹出页面,页面的数据接受框元素不能实时存储数据解决方案: 使用$(this).dialog('close');来关闭dialog时,仅仅是隐藏,而不会完全消失,如果此时,另外一个按钮或者请求也需要弹出dialog时,页面上面会出现两个相同的dialog,元素id也会一致, 采用$(this).dialog('destroy');来关闭销毁dialog时,页面的dia…
最近一直都在用easyui前端框架来开发设计UI,但在使用Dialog时,发现如果页面内容比较多,就会出现问题,首先看一下我的原代码: <input type="button" value="确认预约" id="btnconfirm" onclick="javascript:openconfirmDlg();" /> <div id="confirmd"> <p>请选择确…
扩展自 $.fn.window.defaults.通过 $.fn.dialog.defaults 重写默认的 defaults. 对话框(dialog)是一个特殊类型的窗口,它在顶部有一个工具栏,在底部有一个按钮栏.默认情况下,对话框(dialog)只有一个显示在头部右侧的关闭工具.用户可以配置对话框行为来显示其他工具(比如:可折叠 collapsible.可最小化 minimizable.可最大化 maximizable,等等). 代码示例: $("#setActionDialogDiv&qu…
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %> <%@ include file="/jsp/common/commonfile.jsp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht…
1.基本使用 代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Dialog</title> <link href="/jquery-easyui-1.2.4/themes/default/easyui.css" rel="stylesheet" type="t…
//定义弹框html<div id="delete" class="easyui-dialog" title="Delete" data-options="closed: true" style="width: 400px; height: 280px;"> <form method="post" class="easyui-form" > &…
初始化参数 对于 dialog 来说,首先需要进行初始化,在调用 dialog 函数的时候,如果没有传递参数,或者传递了一个对象,那么就表示在初始化一个对话框. 没有参数,表示按照默认的设置初始化对话框,在当前最新版本的 jQuery UI 1.8.9 中, dialog 支持下列属性. autoOpen   初始化之后,是否立即显示对话框,默认为 true modal        是否模式对话框,默认为 false closeOnEscape   当用户按 Esc 键之后,是否应该关闭对话框…
属性分为CSS片段和JS片段. CSS类定义:1.div easyui-window        生成一个window窗口样式.      属性如下:                   1)modal:是否生成模态窗口.true[是] false[否]                   2)shadow:是否显示窗口阴影.true[显示] false[不显示] 2.div easyui-panel          生成一个面板.       属性如下:                 1…
1 dialog一些参数   可以进行文件上传等操作closed:true:定义初始状态为关闭:modal:true:对话框被打开时,会有一个modal-mask,使得对话框底部的内容被一个层覆盖,不能进行其他操作(多个对话框时可能存在模态框覆盖不全,部分内容仍然可以操作的) html文件 <div id="dlgImport" class="easyui-dialog" closed="true" title="Import E…
EasyUI中文网: http://www.jeasyui.net/plugins/181.html 默认不弹出:closed:true 模式化窗口(有遮罩):modal:true <div class="easyui-dialog" style="width:600px;height:300px" data-options="title:'My Dialog',modal:true,closed:true, buttons:[{ text:'Sav…
jquery easyui日期控件中,在页面里用JS拿到设置的日期值的方法 jquery easyui 日期框 有这样的一个日期文本框: <input type=" value="" id="mdate" class="easyui-datebox"/> 使用easyui给文本框选定日期值,然后,要在JS中拿到此日期框中的最新值. 本来以为这是一个简单的问题,直接 var dv = $('#mdate').val(); 不就…
jquery easyui combobox 控件支持单选和多选 1.获取选中的值 $('#comboboxlist').combobox('getValue');  //单选时 $('#comboboxlist').combobox('getValues'); //多选时 2.赋值 $('#comboboxlist').combobox('setValue', ‘北京’);…
jquery easyui datebox 的使用 . 分类: jquery-easyui2012-10-09 19:07 266人阅读 评论(0) 收藏 举报 目录(?)[+] 看了jquery easyui databox的官方api,还可以加入倒是很简单,但是想要获得他的值和修改值就很费劲,不知道怎么弄,试了n次终于搞定.这里总结一下,供有相同问题的人查询. 1. 官方api介绍 DateBox Extend from $.fn.combo.defaults. Override defau…
function toGrant(obj,url,showMsg) {                                        var dialog=$('#dlg_grant');                    $(dialog).panel('resize', {                        width : obj.width,                        height : obj.height,              …
$.extend($.fn.panel.methods, { showMask: function(jq, msg){ return jq.each(function(){ var pal = $(this).panel('panel'); if (pal.css('position').toLowerCase() != 'absolute'){ pal.css('position','relative'); } var borderSize = parseInt(pal.css('paddin…
<!--弹出“创建”窗口 --> <div id="dialog" class="easyui-dialog" title="创建机会点" data-options="closed:true" style="padding:5px; top:5px;left:5px;"> <div id="panel_file" class="easyui-pan…
默认情况下应该是在屏幕居中显示的.但是有的时候没有居中只要重新纠正下就可以了 $('#add_dialog').dialog('open'); //打开添加对话框 $('#add_dialog').window('center');//使Dialog居中显示 dialog继承自window. 当dialog弹出的两个页面内 都同时存在ID相同的表单元素的时候,容易引发错误. 因为dialog在调用close的方法时,页面元素并只是隐藏起来.当另外页面弹出时.同时又刚好存在了相同ID的元素 则引起…
当dialog在一个iframe里时,此dialog的遮罩层也会只覆盖这个iframe,要想覆盖整个页面,就把dialog写到最外层的父页面中去,此时dialog的遮罩层会自动覆盖整个页面,若需要从子页面去获取父页面的dom对象,用parent.window.$(" ")的形式.…
jquery validate.js onfocusin: function (element, event) { this.lastActive = element; // hide error label and remove error class on focus if enabled if (this.settings.focusCleanup && !this.blockFocusCleanup) { if (this.settings.unhighlight) { this.…
因项目需要在dialog中添加滚动条,所以就在div中加了iframe: <div id="applyRefundDialog" style="display:none;overflow:hidden"> <iframe id="applyframe" style="width: 100%; height: 100%;" scrolling="auto" frameborder="…