jquery EsayUi 里一个小弹框

网站后台大多的数据展示就都用和此插件有着密切的关系:

来用一下这个小弹框吧:

一个Html里面的代码

<link rel=‘stylesheet‘ type=‘text/css‘ href=‘css/easyui.css‘ /><link rel=‘stylesheet‘ type=‘text/css‘ href=‘css/icon.css /><script type=‘text/javascript‘ src=‘js/jquery.easyui.min.js‘></script><script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><!--以上插件可以官网下载--><html>
<!--这个div是放置你在展示的数据-->
<div id=‘demo‘></div>
</html>

<script type=‘text/javascript‘>  function get_htmldata(){ //触发函数    $.post(‘demo.php‘,{},function(data){      $(‘#demo‘).html(data.html); //这个 html可以服务器端和客户端处理      var param  = {title:‘这里是标题‘,modal:true,shadow:true,closed:true,width:500,heigth:600}; //这里的参数自己可以看EasyUi的教学文档      $(‘#demo‘).window(param)      $(‘#demo‘).wondow(‘open‘);    },‘json‘);  }</script>

还不会的小伙伴 赶紧去试试吧~~

时间: 2024-10-18 21:22:34

jquery EsayUi 里一个小弹框的相关文章

通过js写一个消息弹框

prompt(data,time) { let alertForm = document.createElement('div'); alertForm.id="promptBox"; alertForm.style.position = "fixed"; alertForm.style.right = "4%"; alertForm.style.top = "6%"; alertForm.style.margin = &qu

移动端(H5)弹框组件--简单--实用--不依赖jQuery

俗话说的好,框架是服务与大家的,包含的功能比较多,代码多.在现在追求速度的年代.应该根据自己的需求去封装自己所需要的组件. 下边就给大家介绍一下自己封装的一个小弹框组件,不依赖与jQuery,代码少,适用于一般移动端小项目. 这个插件名称:MobileUi 包含功能:弹框,正在加载,tips1.5秒消失,清除正在加载. 如图:    接下来我来告诉大家怎么用吧!! 第一步:配置<meta name="viewport" content="width=device-wid

自己封装一个弹框插件

弹出层提示信息,这是移动前端开发中最常见的需求,你可能会想到一些流行的弹框插件,比如 经典的artDialog 炫酷的Sweetalert等等.. 但是慢慢地你其实会发现通常情况下需求定制化要求较高,一般的弹框插件可能只满足大部分要求,自定义花的时间还不如手动自己封装一个符合自己开发习惯的弹框组件,这样后续开发效率将大大提高. 首先整理一下思路,原生javascript其实是有实现alert()方法的,但是那个会暂时性中断程序运行,并且足以让你丑拒!那么抛开这些细细一想,其实弹框就是两个div层

弹框CSS、JS

非本人原创,此为本人导师代码,在此整理分析. 1.遮蔽层,弹框弹出时,页面变灰. CSS部分 .overlay{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:hsla(0, 0%, 0%, .7);} 2.定时提示小弹框,页面垂直居中显示 CSS部分 /*toast提示*/ .toast{position:fixed;top:50%;left:50%;z-

简单的自定义弹框

作为初学者,很多人都是用的系统自带的弹框,非常的简单,完全不能满足用户的交互,所以这里,我们需要自定义一个弹框,把输入框.图片.按钮等添加到弹框里面.为了避免重复冗余的代码,参考了别人的代码,自己做了一个自定义弹框,可以在项目中使用到.给大家一个思路. 这是代码的接口定义,只需要调用一行代码就可以弹出一个自定义的视图啦.还会添加一些动画效果,让弹框弹出跟消失更美观. + (void)showPromptBoxWithCustomView:(UIView *)customView; + (void

操作JavaScript的Alert弹框

@Testpublic void testHandleAlert(){ WebElement button =driver.findElement(By.xpath("input")); button.click(); try { //使用driver.switchTo().alert()方法获取Alert对象 Alert alert = driver.switchTo().alert(); Assert.assertEquals("这是一个Alert弹框", al

react全局的公共组件-------弹框

最近研究react,发现写一个组件很容易,但是要写一个全局的好像有点麻烦.不能像VUE一样,直接在原型上面扩展,注册全局组件 下面实现一个弹框,只需要引入之后,直接调用方法即可,不需要写入组件 给出我写react全局组件的思路. 创建一个 div加入到body,用这个div当容器,渲染react组件,然后由改变组件的 state来控制弹框的显示隐藏 代码结构如下: 效果图如下: alert.jsx import React, { Component } from 'react'; import

Jquery学习笔记(8)--京东导航菜单(2)增加弹框

京东导航,添加中间的弹框栏,使用position定位,放在左侧栏的li标签里面,成为一个整体,保证鼠标在弹框里的时候,弹框不消失: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script src="jquery.js&quo

做一个弹框玩玩,顺便熟悉最近新学习的插件封装技术

先上图,没图不成席 [原因]由于公司从开发到现在时间都比较紧张,很多时候需要弹框的地方都直接用alert().confirm().prompt()这些自带的提示框,最大的问题是这三个哥们随着浏览器的不同进行变色,简直是前端变色龙,神奇又无奈 所以,这次和我们的帅气设计师合作总结出这三种提示框,我也通过最近的学习把新学到手的封装技术,融入了进去,相对于大神级别的人,看看就行,顺便指点一下就更好了 [目前自己思考的问题]到目前为止,自己工作也有2.5年了,早早过了只知道实现需求的时候了,更多的是培养