EasyUI 控制面板

来源：互联网发布：淘宝店怎么推广宣传编辑：程序博客网时间：2024/05/16 17:24
<html><head><title>面板</title><link rel="stylesheet" type="text/css" href="H:/jQuery EasyUI/jquery-easyui-1.5.3/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="H:/jQuery EasyUI/jquery-easyui-1.5.3/themes/icon.css"/><script type="text/javascript" src="H:/jQuery EasyUI/jquery-easyui-1.5.3/jquery.min.js"></script><script type="text/javascript" src="H:/jQuery EasyUI/jquery-easyui-1.5.3/jquery.easyui.min.js"></script><script>$(function (){$('#panel').panel({  /*href string：一个URL加载远程数据,然后显示在面板高德天气服务http://restapi.amap.com/v3/weather/weatherInfo?key=4aa728e05f91faabe805b633e5c631f3&city=深圳*/ href:'http://restapi.amap.com/v3/weather/weatherInfo?key=4aa728e05f91faabe805b633e5c631f3&city=深圳',width:500   ,height:200   ,title: '面板显示运程加载的数据(JSON格式)'   ,tools: [{   iconCls:'icon-add',   handler:function(){alert('new')}   },{   iconCls:'icon-save',handler:function(){alert('save')}   }]/*fit boolean：设置为true时，面板的大小将铺满它所在的容器（浏览器）*/,fit:false/*border boolean ture：设置是否显示面板的边框*/,border:true/*noheader boolean false：是否不创建面板头部*/,noheader:false,content:'<button>按钮</button>'/*collapsible boolean false:控制面板是否可折叠*/,collapsible:true/*closable boolean false：定义是否显示关闭按钮*/ ,closable:true/*onLoad none：远程数据被载入时触发onBeforeOpen none：在控制面板被打开之前触发，返回false将停止打开onOpen none：在控制面板被打开之后触发 onBeforeClose none：在控制面板被关闭之前触发，返回false将取消关闭*/,onLoad:function(){alert("运程数据载入成功！");}});})</script></head><body><div id="panel" style="padding:10px;"></div> </body></html>
阅读全文
0 0