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

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

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

 

 

目录
相关文章
|
1月前
|
JavaScript 前端开发 数据安全/隐私保护
UI 框架:Element-plus组件库(一)
在现代Web开发中,用户界面的设计与交互体验至关重要。随着前端技术的迅速发展,各种UI框架层出不穷,旨在提升开发效率和用户体验。其中,Element Plus作为一款基于Vue 3的组件库,因其简洁优雅的设计和丰富的功能而备受欢迎。 Element Plus不仅提供了众多高质量的组件,还注重与开发者的友好互动,使得即使是初学者也能快速上手。在本系列文章中,我们将深入探讨Element Plus的各个组件及其应用,通过实例演示如何有效利用该框架构建美观且功能强大的用户界面。
|
4月前
|
安全 JavaScript
2. 集成 uni-ui 组件库
2. 集成 uni-ui 组件库
37 0
|
6月前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
|
6月前
第十四章:Element-ui组件库
第十四章:Element-ui组件库
52 0
|
6月前
|
前端开发 JavaScript C#
10款值得推荐的Blazor UI组件库
10款值得推荐的Blazor UI组件库
326 0
|
前端开发 JavaScript Android开发
|
前端开发 JavaScript 程序员
值得推荐的Blazor UI组件库
值得推荐的Blazor UI组件库
358 0
|
前端开发 搜索推荐 JavaScript
前端封装库/工具库的组件库之Material UI
随着互联网时代的到来,Web应用程序的用户界面设计和开发变得越来越重要。为了更好地完成这项任务,前端封装库/工具库的出现成为一个非常好的解决方案。其中一款备受关注的UI组件库是Material UI。
805 0
|
前端开发 开发者 UED
前端封装库/工具库的UI框架之Semantic UI
随着前端技术的不断发展,前端开发也越来越受到了重视。而在前端开发过程中,UI框架是不可或缺的一部分。Semantic UI 是一个流行的、现代化的 UI 框架,它为前端开发者提供了一套丰富、易用的组件库和样式表。
454 0