easyui的dialog

Easyui的Dialog的toolbar的自定义添加

最近一直在写快速定制Web表格,基于Easyui,整个过程使用了大量的Easyui的dialog,每个dialog的代码大部分都雷同,感觉代码出现了很大程度的重复,然后想写一个通用的dialog设置函数,避免重复,很显然在写这个之前,我们应该明确两点: 什么是Easyui 了解dialog的大致构造什么是Easyui easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件. easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能. 使用 easyui…

ASP.NET页面使用JQuery EasyUI生成Dialog后台取值为空

原因: JQuery EasyUI生成Dialog后原来的文档结构发生了变化,原本在form里的内容被移动form外面,提交到后台后就没有办法取值了. 解决办法: 在生成Dialog后将它appendTo原来的form里: 代码: $().ready(function () { $("#dialog").dialog().parent().appendTo("#form1"); //$("#dialog").parent().appendTo(&…

第二百零四节，jQuery EasyUI，Dialog(对话框)组件

jQuery EasyUI,Dialog(对话框)组件学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解EasyUI中Dialog(窗口)组件的使用方法,这个组件依赖于Window(窗口)组件.linkbutton (按钮)组件. 一．加载方式 class 加载方式 <div class="easyui-dialog" title="My Dialog" style="width:400px;height:200p…

easyui打开dialog后给弹出框内输入框赋值问题

在写一个弹出页面的时候,里面有一些输入框,需要在弹出的时候从数据库取值并且赋值,刚开始在弹出的时候使用$(id).val(value),结果赋值失败,为空当时纠结了一会,然后突然想到在easyui打开dialog后不能设置原来的dom,输入框text被其他空间替换了.所以查询了api后发现应该这样赋值$(id). textbox('setValue',value),测试后赋值正确.…

easyUI的Dialog和Windows框的应用

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head id="Head1" runat="server"> <title></title> <meta http-equiv=…

jquery easyui tree dialog

EasyUI datagrid easyui datagrid +dialog 加载可直接运行七

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <meta name="viewport" content="…

easyUI之Dialog（对话框窗口）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Dialog(对话框窗口)</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel=&…

easyUI创建dialog弹框

1.在当前页面必须有一个DIV  <div id="dialog-alarm-detail"></div> 2.DIV这个可以弹出对话框 //DIV对象 var detailLog= $('#dialog-alarm-detail').dialog( { title: '保证金明细详情', width: '60%', height:'60%', modal: true, closable:true, href…

EasyUI中Dialog的使用

$(function () { $('<div id="dlgContent"></div>').appendTo($('body')); $('#dlgContent').append(getHtml()); $.parser.parse('#dlgContent'); }); var getHtml = function GetDialogHtml() { var html = '<div id="dialog" class=&qu…

Easyui 创建dialog的两种方式，以及他们带来的问题

$('#yy').dialog('open');//打开dialog 这地方要注意,加入你关闭窗口的地方使用$('#yy').dialog('destroy');那么你这个dialog就只能使用一次,为什么呢,因为这地方你创建的是一个固定位置的dialog,因为你是把dialog固定在了上面的div中,这时你只能使用close,即$('#yy').dialog('close');close即是把当前窗口隐藏,但没有销毁,所以你可能遇到的问题就是,下次再次打开这个窗口的时候,里面还是上次的内容.如…

easyui 添加dialog

javascript //查看角色所属用户 function roleuser(obj, id) { var C_ID = id; var Url = "/Sys/RoleUserName" + "/" + C_ID; $.getJSON(Url, function (json) { $.each(json, function (i) { $("#roledlg").append(json.Data) $('#roledlg').dialog('…

EasyUI中dialog中嵌入form细节问题记录

当代码如下: function myClear() { $("#add_form").form("reset"); $("#add_dialog").dialog("open"); } 在浏览器上会出现:请输入必填项的提示. 但是如果如下则不会出现 function myClear() { $("#add_dialog").dialog("open"); $("#add_for…

代码: <div id="titledialos" class="easyui-dialog" title="×××" data-options="closed:true,iconCls: 'icon-save',buttons: [ { text: '保存', iconCls:'icon-ok', handler: function(){ $.messager.confirm('系统提示', '您确定要添加吗?', functi…

TopJUI | easyui HTML Dialog页面间GET方式数据传递

较容易的方式通过URL内带参数进行数据传递 var url = "apddList.html?c0=" + row.uuid + "&c1=" + row.c0; //URL赋值 var $editDialog = $('<form></form>'); $editDialog.iDialog({ id:'ieManagerDg', title: '[000]', width: dlgWidth, height: dlgHeight,…

easyui 更改dialog弹出的位置

方法一: 在弹出dialog的时候不用$('#dialogDiv').dialog('open');打开.用$('#dialogDiv').window('open');打开.再用window的resize方法重新布局就可以了.类似:var top = $("#struBtn").offset().top + 30;var left = $("#struBtn").offset().left;$('#dialogDiv').window('open').window…

EasyUI， Dialog 在框架页（ifrmae）的Top页面弹出时，拖拽Dialog边缘（以改变窗口大小），UI界面被卡死的解决办法

将Dialog的modal属性设置为true,可以解决卡死的问题(但会给用户使用体验带来影响) var par = { title: This.title, width: This.width, height: This.height, cache: This.cache, modal: This.modal, resizable: This.resizable, maximizable: This.maximizable, onResize: This.onResize, modal: tru…

EasyUI 让dialog中的treegrid的列头固定

先上效果: 最主要是在treegrid要加上"fit:true "如果不加那么就会用diglog的滚动条,导致treegrid的头就没办法固定. Code<div id="dlgSelectMenu" class="easyui-dialog" data-options="" style="width: 600px; height: 600px;" closed="true" &g…

1. EasyUI 学习总结（一）——对话框dialog

文章参考来源:http://www.cnblogs.com/xdp-gacl/p/4075079.html 感谢博主的分享,写得非常精细,我在这边给看过的做一个记录. 一.EasyUI下载使用easyui开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签. EasyUI官方 http://www.jeasyui.comEasyUI论坛 http://bbs.btboys.com EasyUI官方下载地址:http://www…

easyui dialog 中嵌入html页面

最近使用easyui比较多,这个插件确实很好用.在使用时也遇到了大大小小的问题,好在都一一解决了. 记录一下今天遇到的问题. 目的:用easyui的dialog嵌入一个html页面(html中仍有要执行的脚本内容) 方法一: 使用href属性,失败. 经过测试,如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html. easyui官网上关于href属性的说明是: 属性href,类型string,一个URL,用它…

easyui框架中关于dialog自带关闭事件的使用

easyui是一个开源的第三方控件库,虽然使用比较方便,但其中有些事件和样式会与其他的控件或者框架形成冲突. 今天谈一下easyui 中dialog这个控件(对话框) easyui dialog一般在使用时,创建一个div,赋予它easyui-dialog的属性但是,dialog默认是打开的,需要再页面加载时,手动进行一次关闭(以前一直是这样使用的,但发现这样很傻很天真) 其实,细看dialog的属性,可以看出,dialog在进行初始化或者进行定义时,他默认有个属性 closed时可以进行控制…

分享一个html+js+ashx+easyui+ado.net权限管理系统

EasyUI.权限管理这是个都快被搞烂了的组合,但是easyui的确好用,权限管理在项目中的确实用.一直以来博客园里也不少朋友分享过,但是感觉好的要不没源码,要不就是过度设计写的太复杂看不懂,也懒得去看懂,还有一些不是在推广自己的代码生成器就是在卖权限组件,看着漂亮的UI和完善的功能就是没源码学习,真是恼人. 前段时间公司项目阶段性结束了,就抽空把权限控制的部分抽取出来写了个html+js+ashx+ado.net的权限管理系统分享给一些初学者,这个权限系统demo没有MVC.没有ORM.数据…

2.EasyUI学习总结(二)——easyloader分析与使用(转载)

本文转载自:http://www.cnblogs.com/haogj/archive/2013/04/22/3036685.html 使用脚本库总要加载一大堆的样式表和脚本文件,在easyui 中,除了可以使用通常的方式加载之外,还提供了使用 easyloader 加载的方式.这个组件主要是为了按需加载组件而诞生.什么情况下使用它呢? 你觉得一次性导入 easyui 的核心 min js 和 css 太大(用easyload可以减少之前那些文件的引入) 你只用到 easyui 的其中几个组件你…

EasyUI 兼容 IE6 方法总结

1.combobox 如果单选,multiple必须也设置为true.这个ie7如果没设置,会保持多选状态,算是一个bug. 2.combobox 最好用js来渲染,而不是一开始就class=“easyui-combobox”,这样可以提高效率,当然其他控件也是如此. 3.ie6下datebox和datetimebox渲染确实挺慢,还是my97datepicker比较好. 4.闪烁的问题,可以先用遮罩造成假象来提高用户体验. 5.注意逗号,datagrid 在ie6下多个逗号就会报脚本错误,而其…

html+js+ashx+easyui+ado.net权限管理系统

分享一个html+js+ashx+easyui+ado.net权限管理系统 EasyUI.权限管理这是个都快被搞烂了的组合,但是easyui的确好用,权限管理在项目中的确实用.一直以来博客园里也不少朋友分享过,但是感觉好的要不没源码,要不就是过度设计写的太复杂看不懂,也懒得去看懂,还有一些不是在推广自己的代码生成器就是在卖权限组件,看着漂亮的UI和完善的功能就是没源码学习,真是恼人. 前段时间公司项目阶段性结束了,就抽空把权限控制的部分抽取出来写了个html+js+ashx+ado.net…

EasyUI学习(一)——EasyUI入门

EasyUI学习总结(一)——EasyUI入门一.EasyUI下载 EasyUI官方下载地址:http://www.jeasyui.com/download/index.php,目前最新的版本是:jQuery EasyUI 1.4.1…

EasyUI学习总结(一)——EasyUI入门

一.EasyUI下载 EasyUI官方下载地址:http://www.jeasyui.com/download/index.php,目前最新的版本是:jQuery EasyUI 1.4.1…

EasyUI学习总结(二)——easyloader分析与使用(转载)

本文转载自:http://www.cnblogs.com/haogj/archive/2013/04/22/3036685.html 使用脚本库总要加载一大堆的样式表和脚本文件,在easyui 中,除了可以使用通常的方式加载之外,还提供了使用 easyloader 加载的方式.这个组件主要是为了按需加载组件而诞生.什么情况下使用它呢? 你觉得一次性导入 easyui 的核心 min js 和 css 太大你只用到 easyui 的其中几个组件你想使用其中的一个组件,但是你又不知道这个组件依赖…

jquery panel加载（dialog加载类似）

项目情况: 主页面用引用了公共头文件(包含easui.min.js),使用easyui的dialog(href方式)打开窗口(被打开的窗口页面是纯html片段,无body元素等,也引入了公共头文件),结果主页的easyui组件全部异常. 原因: easui的dialog是将打开的窗口页面加载到主页中,easui.min.js被加载了两次,组件重复初始化导致异常. (dialog是继承panel的) 解决办法: 将加载的内容放于html的body中,公共头文件放于html的body外面,这样就不在…

easyui中使用的遮罩层

easyui 的 dialog 是继承自 window的,而 window中有modal这样的属性(见参考资料),就是用于打开模态的窗口的,也就是你说的有遮罩层的窗口.所以不需要额外的代码,仅需在dialog中设置这样的属性就可以了.我想这也是兼容性最好的解决方案.如下:<div id="dd" title="My Dialog" style="width:400px;height:200px;"> Dialog Content. &…

【easyui的dialog】的更多相关文章