1.问题 如何刷新easyui父级tab页中iframe嵌套页中的datagrid? 2.解决方法 (1) parent.$("iframe[title='tabtitle']").contents().find("#dg").datagrid("reload"); 这种写法有些浏览器不兼容,不起作用: (2) parent.$("iframe[title='tabtitle']").get(0).contentWindow.…

1.在datagrid那个页面定义方法 window.top["RELOAD_MY_DATAGRID"]=function(){ $("#dg").datagrid("reload"); }; 2.在easyUI主页定义方法 function reloadTabGrid(title) { if ($("#workSpace" ).tabs('exists', title)) { window.top.RELOAD_MY_DAT…

背景:项目用 easyUI 写前端,窗口使用 easyui-window 内嵌套 iframe 展示页面.遇到需要在窗口间传输数据的需求. 解决方案 获取 iframe 对象,然后通过获取的 iframe 对象操作该页面内的元素: 代码 // 示例 var iframe = GetIframe("iframe_dlgMyDialog"); var datagrigDatas = iframe.$("#dg").datagrid('getData'); // 获取if…

jQuery EasyUI,PropertyGird(属性表格)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 PropertyGird(属性表格)组件的使用方法,这个组件依赖 于 DataGrid(数据表格)组件. 一．加载方式 class 加载方式 <table id="box" class="easyui-propertygrid" style="width:300px" data-opt…

iframe属性參数 当点击一个子页面的链接时, 怎样将还有一个子页面嵌入到当前iframe中 仅仅要给这个iframe命名就能够了. <iframe width=420 height=330 name=aa frameborder=0 src=http://www.liuyebo.com></iframe>,然后,网页上的超链接语句应该写为:<a href=URL target=aa > 将iframe解释成“浏览器中的浏览器”非常是恰当 <iframe fra…

easyui 中iframe嵌套页面,大弹窗自适应居中的解决方法.$('#win').window() 以下是左边栏和头部外层遮罩显示和隐藏方法 /*外层 遮罩显示*/ function wrapMaskShow(){ var maskTop = window.top.$("#mask-top");//外层遮罩 var maskLeft = window.top.$("#mask-left"); maskTop.show(); maskLeft.show(); $(…

项目中用到easyui 布局,用到north,west,center三个区域,且在center中间区域嵌入iframe标签.在主内容区做一些小提示弹窗(例如删除前的弹窗提示确认)时,会遇到遮罩问题,由于center区域是iframe嵌套的,所以里面的小弹窗无法覆盖页面的头部和左边目录栏. 情形一.点击提示弹窗里的确认后,提示弹窗消失: //warnTips为传入的值,例如successMask(“确定要删除选中的数据吗?”) function successMask(warnTips){ par…

1. 多个tab切换,第2个不显示 动态添加tab Iframe页面的方法 展开 折叠 <script type="text/javascript"> $(function () { //创建树形结构 var tt = $('#main-center'); $('#tt').tree({ url: '/Backstage/Home/MenuItem/', //单击事件 onClick: function (node) { //console.info($('#main-ce…

http://www.stepday.com/topic/?873 今天在使用EasyUI的datagrid列表组件想实现一个列表的展现,且列表上方有搜索条件,初始化的时候我是这样配置的: 1.<table id="tBaoXiuList" title="" class="easyui-datagrid" style="width: 723px; height: auto" url="/AjaxCommon/t…

1. 多个tab切换,第2个不显示 动态添加tab Iframe页面的方法 展开 折叠 <script type="text/javascript"> $(function () { //创建树形结构 var tt = $('#main-center'); $('#tt').tree({ url: '/Backstage/Home/MenuItem/', //单击事件 onClick: function (node) { //console.info($('#main-ce…

该属性在easyui官方文档中并没有详细阐述,通过简单的资料查询和摸索,实现了easyUI数据网格的后端分页功能. 在官网文档中这样阐述loader属性: 定义如何从远程服务器加载数据.返回false则取消该动作.该函数有下列参数:param:要传递到远程服务器的参数对象.success(data):当检索数据成功时调用的回调函数.error():当检索数据失败时调用的回调函数. 一般来说,这个loader配合着JQuery的ajax使用,即$.ajax({}). 下面记录一个使用loader属…

这几天做项目,由于项目中用到的EasyUI版本过低,不能使用自带操作DataGrid中CheckBox的方法. 所以自己写了一个临时方案: 根据ID集合选中所属行的CheckBox: data={1,2,3,4,5,6};//需要选中项的ID var funId = data.split(','); var iden = []; //记录行标记(ProjectFunctionId等于指定值的行) var x = 0; //自增行标记 for (var i = 0; i < funId.lengt…

document.cookie = "name=caoyc;path=/"document.cookie = "age=13;path=/"//时间可以不要,但路径(path)必须要填写,因为js的默认路径是当前页,如果不填,此cookie只在当前页面生效! html5 postMessage解决跨域.跨窗口消息传递   一些麻烦事儿 平时做web开发的时候关于消息传递,除了客户端与服务器传值还有几个经常会遇到的问题 1.页面和其打开的新窗口的数据传递 2.多窗口之…

问题:jQuery easyUI中Datagrid,在表格数据加载无数据的时候,如何显示"无记录"的提示语? 解决jQuery EasyUI 1.5.1版本的Datagrid,在处理新增表格加载的数据没有记录的时候,可显示"无记录"的提示语的方法. 官网的API更新里面并没有写明是API的属性名,经过查找资料,发现一下问题: 1.官网API更新的时候漏掉了该API,没有放出: 2.源代码需要一定的修复: 解决方法: 1.API属性名:emptyMsg 2.API属性…

我们这里演示的是EasyUI数据表格DataGrid从服务器端排序功能,因为觉的本地数据排序没有多大的作用,一般我们DataGrid不会读取全部数据,只会读取当前页的数据,所以本地数据排序也只是对当前页的数据进行排序,不是我们想要用效果. 下面开始演示从服务器端排序功能. 第一步,启用EasyUI DataGrid的排序功能: 具体就是为列设置sortable属性,如下: { field: "SOID", title: "订单单号", width: "80…

同源通信 执行它们的页面位于具有相同的协议(http/https),端口(80/443),主机(通常为域名) 时,这两个脚本才能相互通信 大多数情况下,网站就是内部的域名,所以是同源通信,可以相互访问 非同源通信 不同域名,不同窗口,内嵌iframe(可能是外部域名地址) 这种就是非同源通信, window.postMessage() 方法可以安全地实现跨源通信 来自H5 api,没想到吧,h5还有个这样的方法*.* 语法 otherWindow.postMessage(message, tar…

最近项目中用到easyui 的动态创建window ,window中嵌入了datagruid.第一次打开是能显示数据,但再次打开时确没显示: 注:url已成功返回了数据. 多次查阅easyui帮助文档,看到了一个销毁方法(destroy).会不会是这个问题呢? 于是在关闭窗口的事件中调用一次销毁方法,经过测试果然解决问题. items.Ex = $('<div id="' + items.ID + '"></div>').window({ title: item…

textarea换行 在easyui中的datagrid中使用行内编辑时textarea的换行保存到mysql数据库为\n在textarea中输入回车符 在js读取textarea中的值有\r\n然后到业务层转换到string中就有可能变成空格形式然后被存入数据库,当在取出此值的时候则会变成空格的形式,因此我们需要将不显示的\r\n替换一下. 在js取textarea的时候: 如果用 var str = document.getElementById("textarea").value…

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    &l…

效果图: 1:简单初始化 JSON格式数据如下(后台自己构建,后台代码略): {"total":6,"columns":[{"field":"building_id","title":"公寓编号","align":"center","width":100},{"field":"building_na…

在使用Easyui DataGrid 过程中,发现若单页数据量超过300,IE浏览器加载速度很慢.也通过网上找寻了很多解决方案,最典型的就是去掉datagrid的自动列宽以及自动行高判断. 1.解决自动列宽:  设定列宽度可解决. 2.解决自动行高 : 注释掉下面的代码. function _3e(_44,_45){ //for(var i=0;i<_45.length;i++){ ////var tr1=$(_44[i]); ////var tr2=$(_45[i]); ////tr1.css…

在前面写了两,但不知道如何完成,对比刚刚开始学这个,他们摸着石头过河,一步步.在最后两天DataGridCRUD融合在一起.因此份额.我希望像我这样谁是刚刚开始学习一些帮助. 直接主题酒吧. 它是说数据表,我建立了一个非常easy的表Rex_Test ID 自增序号 tName 姓名 tEmail 邮箱 前台代码: Default.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile="…

datagrid (数据表格) $("#tg").datagrid({url:"TaskList",//请求的地址fit: false, //当true时设置他的大小以适合他的父容器singleSelect: true, //设置为“True”则只允许选择一行fitColumns: true,//为“true”则自动 展开/收缩 列的大小,为了自动填充Grid的宽度,防止出现水平滚动条. falsetoolbar:'#tb',//工具条nowrap : false,…

参考资料:http://caizhilin2010.iteye.com/blog/1731698 问题:商品列表页面采用easyui的datagrid展示数据,编辑某行数据保存以后,要求跳转到 用户在编辑之前翻到的那一页. 实践:为了方便描述,这里将数据展示页面叫做页面A.jsp,编辑页面叫做B.jsp. 1.改造以前的样子 A.jsp <script type="text/javascript"> var $dg; var $grid; $(function() { $g…

CSS类定义: div easyui-window                               window窗口样式 属性如下: 1)       modal:是否生成模态窗口.true[是] false[否] 2)       shadow:是否显示窗口阴影.true[显示] false[不显示] div easyui-panel                                   面板 属性如下: 1)       title:该标题文本显示在面板头部. 2)…

由于工作需要,项目使用前端 jQuery EasyUI - DataGrid 来控制数据表格. 1.加载相关js和css,因为easyui依赖jquery,所有加载easyui前要先加载jquery,否则为提示找不到datagrid <!-- 加载jquery --> <script type="text/javascript" src="plugins/jquery/jquery-1.4.2.min.js"></script>…

也懒得打其他字了,直接进入主题吧 1.首先,数据表Rex_Test ID int 自增 tName varchar(10) 姓名 tEmail varchar(80) 邮箱 2.至于代码里的Jqurey EasyUI包就直接去官网下载吧.当然其他地方也行,这里就不多做说明了. 3.前台显示页面 Default.aspx <span style="font-size:14px;"><head> <title>myWeb</title> &l…

$('#table').datagrid({ url: '/get/data/path/to/your/server', pageNumber: , pageSize: , ... }); 當手動設置 pageNumber >= 時,查看網络請求會有兩次,並且第二次的請求的 pageNumber == : 二.原因: jquery.easyui.min.js 的 - 行代碼: 因为分頁控件初始化参數 total == , pageNumber == ,而初次請求第二頁的参數與控件初始化参數不一致…

function toGrant(obj,url,showMsg) {                                        var dialog=$('#dlg_grant');                    $(dialog).panel('resize', {                        width : obj.width,                        height : obj.height,              …

html: <div class="easyui-tabs" style="height: 250px;" tools="#t_rank"> <div title="指标排名"> <table id="dg_rank"> </table> </div> </div> <div id="toolbar" clas…