artDialog组件与iframe】的更多相关文章

背景 组件官网. 未用过的朋友可以先了解下. 当Content参数传递html元素时,官方的解释是: 备注:1.元素不是复制而是完整移动到对话框中,所以原有的事件与属性都将会保留 2.如果隐藏元素被传入到对话框,会设置display:block属性显示该元素 3.对话框关闭的时候元素将恢复到原来在页面的位置,style display属性也将恢复 如果说该元素是页面本身,最终显示的载体也是页面本身,那么没有任何问题.但在使用了iframe下会有个奇怪的问题,当元素为iframe时,在chrome…
个人觉得artDialog是一组很不错的对话框组件.写的是artDialog_v6应用. 官方称其兼容性测试通过:IE6~IE11.Chrome.Firefox.Safari.Opera. 官网:http://aui.github.io/artDialog/ 一.artDialog特点: 1.支持普通和气泡形式对话框: 2.支持标准和模态对话框: 3.自适应内容尺寸: 4.可以自定义皮肤. 二.网页中使用artDialog需要seajs或RequireJS加载.我用的是seajs. 从官网可以下…
一.artDialog事件应用 对话框编写代码 function DialogEvent() { seajs.use(['jquery', '/Scripts/arale/artDialog/src/dialog-plus'], function ($, dialog) { var d = dialog({ content: "对话框信息", onreset: function () { alert("位置重置"); }, onfocus: function ()…
一.在对话框自定义操作按钮 预览: html调用代码: var btnArray = [ { value: '同意', callback: function () { this.content('你同意了'); return false; }, autofocus: true }, { value: '不同意', callback: function () { alert('你不同意') } }, { id: 'button-disabled', value: '无效按钮', disabled:…
一.可以加载url的对话框 预览: 对话框编写代码 //弹出一个对话框,加载页面 function OpenBox(url, title, width, height) { seajs.use(['jquery', '/Scripts/arale/artDialog/src/dialog-plus'], function ($, dialog) { var d = dialog({ title: title, quickClose: true, url: url }); d.width(widt…
一.没有操作选项的对话框 预览: html前台引入代码:(之后各种效果对话框引入代码致,调用方法也一样,就不一一写入) <script type="text/javascript" src="/Scripts/Arale/sea-modules/sea.js"></script> <script type="text/javascript"> seajs.config({ alias: { "jque…
问题一. iframe如何自适应屏幕高度 解决思路:通过设置iframe外层父元素高度等于window高度,再相对于父元素定位iframe元素:案例如下: 第一步: 模板文件中使用iframe // demo.component.html <div style="position: relative; " [style.height]="outHeight"> <iframe [src]="srcValue" allowtran…
navTree.js 简介 extends/navTree.js 是一个基于 layui 扩展的模块化组件,用于构建后台布局系统中的垂直导航菜单与水平导航菜单. extends/navTree.js 原本是作者在开源面板项目 Layui Fun CMS 中编写的一个基于 layui 的动态渲染菜单的组件,现在把这个扩展组件独立开发出来,使它不必依赖与 Layui Fun CMS 一起使用,只要你的后台系统符合 layui 后台布局的规范,即可独立使用这个组件. extends/navTree.j…
参考文档:https://www.jianshu.com/p/242525315bf6 PDFJS: https://mozilla.github.io/pdf.js/     支持获取文件流到客户端,生成blob地址预览 ViewerJS: http://viewerjs.org/   预览pdf文件,其pdf文件只能url地址 Vue-pdf https://github.com/FranckFreiburger/vue-pdf 会出现空白页( 推荐使用iframe方法 ) 无论从功能.兼容…
分享一个自己写的MVC+EF “增删改查” 无刷新分页程序 一.项目之前得添加几个组件artDialog.MVCPager.kindeditor-4.0.先上几个效果图.      1.首先建立一个数据库,添加一个Peoples表之后在项目中右键添加“新建项”,选择你刚才建立的数据库和表.      2.加完之后项目中会有个Peoples.edmx,这里面包括数据上下文和实体属性.     3.在Controllers右键添加“PersonController.cs”,选择强类型视图,生成对应的…