jquery EsayUi 里一个小弹框

最新推荐文章于 2024-05-22 14:17:58 发布

weixin_30617737

最新推荐文章于 2024-05-22 14:17:58 发布

阅读量35

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/savey/p/4241284.html

版权

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

来用一下这个小弹框吧:

一个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>

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

转载于:https://www.cnblogs.com/savey/p/4241284.html

weixin_30617737

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery EsayUi 里一个小弹框

网站后台大多的数据展示就都用和此插件有着密切的关系:来用一下这个小弹框吧:一个Html里面的代码<link rel='stylesheet' type='text/css' href='css/easyui.css' /><link rel='stylesheet' type='text/css' href='css/icon.css />&lt...
复制链接

扫一扫