iframeWin For Easy UI. 为 Easy UI 扩展的支持IFrame插件

iframeWin For Easy UI. 为 Easy UI 扩展的支持IFrame插件

在一个项目中用了Easy UI,但是发现里面的 Dialog 、Window、Messager 弹窗都不支持IFrame的方式, 于是自己动手基于Easy UI实现了一个插件。

目前Easy UI仍然使用GPL开源协议。

 

JS引用:

    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.easyui.min.js"></script>
    <script type="text/javascript" src="locale/easyui-lang-zh_CN.js" charset="UTF-8"></script>
    <link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="themes/icon.css">

    <script type="text/javascript" src="jquery.iframeWin.js"></script>

使用例子:

    $.iframe.win({
        title:"打开网页",
        url:"http://www.baidu.com",
        width: 600,
        height: 400,
        modal: true
    });

 

效果图:

 

JS代码我已经放到GitHub上开源,地址:

https://github.com/tavenli/iframeWin

 

 

时间: 2024-09-12 18:08:02

iframeWin For Easy UI. 为 Easy UI 扩展的支持IFrame插件的相关文章

学习通过Thread+Handler实现非UI线程更新UI组件(转)

  [Android线程机制]    出于性能考虑,Android的UI操作并不是线程安全的,这就意味着如果有多个线程并发操作UI组件,可能导致线程安全问题.为了解决这个问题,Android制定了一条简单的规则:只允许UI线程修改Activity里的UI组件    当一个程序第一次启动时,Android会同时启动一条主线程(Main Thread),主线程主要负责处理与UI相关的事件,如用户的按键事件,用户接触屏幕的事件及屏幕绘图事件,并把相关的事件分发到对应的组件进行处理.所以主线程通常又被叫

jQuery UI resizble、draggable的div包含iframe导致缩放和拖拽的不平滑解决方法

前言 不仅仅是jQuery UI resizble的div包含iframe会导致缩放的不平滑,draggable也会出现包含iframe会导致拖放的不平滑,但是因为jQuery UI有为draggable进行了处理--添加了iframeFix属性设置(iframe:true时候就可以解决),但是却没有为resizable添加这个属性(实在费解,这个为毛啊). 问题 jQuery UI resizble的div包含iframe导致缩放的不平滑解决(通过helper可观察到缩放非常不平滑) 测试代码

Redis Admin UI——一个Redis UI管理界面

Redis Admin UI--一个Redis UI管理界面   Redis的管理UI是由两部分组成:   1.An Ajax客户端的Web应用程序(基于谷歌的闭合库开发的:https://github.com/google/closure-library),它作为一个简单的静态HTML/ JS/ CSS的应用程序,可以很容易地修改,并从服务器组件分离和托管任何静态HTTP文件服务器上. 2.一个ServiceStack http://www.servicestack.net/ ASP.NET

jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)

jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭) $(document).ready(function(){ $('#tabs').tabs({add:addEventHandler}); //给tabs块绑定addEventHandler事件 $('#newtabs').click(addTab); }) var tabCounter = 1; function addTab(){ if(tabCounter > 6){ alert('tabs can not

jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)_jquery

复制代码 代码如下: $(document).ready(function(){ $('#tabs').tabs({add:addEventHandler}); //给tabs块绑定addEventHandler事件 $('#newtabs').click(addTab); }) var tabCounter = 1; function addTab(){ if(tabCounter > 6){ alert('tabs can not more than 6!'); return; } $('<

easy ui combox-jquery easy UI combox火狐无法检索中文输入的问题

问题描述 jquery easy UI combox火狐无法检索中文输入的问题 现在是初始化的时候无法检索,但检索一次后就可以成功,求解答,谷歌跟ie是正常的 解决方案 已经处理好了,在jquery.easyui.min.js中将绑定keydown改为keyup,初始化时也ok了 解决方案二: easy-ui中文Jquery easy ui dataGrid

浅谈交互设计中Web UI与手机UI的区别

  做了几年的UI和交互,这期间曾经接触过网页设计和手机应用界面的设计,现在简单的谈一下两者之间的区别,个人拙见做个小总结,不同意见轻拍. 首先,网页设计与手机UI,操作的媒介不同,鼠标与手,这是一个很大的区别,而这个区别所造成的几点不同如下: 1. 精确度不同: 鼠标的准确度是相当高的,哪怕是再小的按钮,对于鼠标来说,也是可接受的(注意,仅仅是可接受),点击的错误率不会很高. 而手的准确度相对而言就没那么高了,而且还要照顾一些肢端较大的用户,因此对于手机UI中的按钮,就需要一个比较大的范围,以

PostgreSQL内核扩展之 - ElasticSearch同步插件

背景介绍 Elasticsearch 是开源搜索平台的新成员,实时数据分析的神器,发展迅猛,基于 Lucene.RESTful.分布式.面向云计算设计.实时搜索.全文搜索.稳定.高可靠.可扩展.安装+使用方便. PostgreSQL 是起源自伯克利大学的开源数据库,历史悠久,内核扩展性极强,用户横跨各个行业.关于PostgreSQL的内核扩展指南请参考https://yq.aliyun.com/articles/55981 传统数据库与搜索引擎ES如何同步 例如用户需要将数据库中某些数据同步到E

Mozilla添加FlyWeb物联网扩展作为Firefox系统插件

FlyWeb是连接物联网设备的扩展组件,现在Mozilla将它作为系统插件添加到Firefox.2015年Mozilla从智能手机业务中下架 Firefox OS,将业务转移至物联网市场.FlyWeb是另一个Mozila的前瞻性项目.在Mozilla的官方网站将FlyWeb描述为一个连接智能设备的全局组件.它不仅能够连接Firefox,iOS和Android,也能连接桌面浏览器,这才是Mozilla描述的通用性. FlyWeb作为Mozilla的通用物联网插件,不需要专用的app或者URL就能够