easy ui 使用总结
来源:互联网 发布:闪电分期淘宝怎么用 编辑:程序博客网 时间:2024/05/16 09:07
头部引用
<link type="text/css" rel="stylesheet" href="js/easy_ui/themes/metro-green/easyui.css" />
<link rel="stylesheet" type="text/css" href="js/easy_ui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="css/map.css">
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/easy_ui/jquery.easyui.min.js"></script>
页面整体布局:
<div id="container" class="easyui-layout" style="width:100%; height: 100%;">
<div id="west_div" data-options="region:'west',split:false,collapsible:false" title="" style="width:200px;overflow: hidden;">
//region:'west' 表示左边收缩面板 对应的还有 north south east center
<div class="easyui-accordion" style="width:180px;height: 100%; margin-left: 5px; overflow: hidden;">
<div title="xx" data-options="iconCls:'ico-actor'" style="overflow:auto;padding:10px; text-align: center;">
<a href="#" class="easyui-linkbutton" style="width:150px; margin-top: 5px;"></a>
<a href="#" class="easyui-linkbutton" style="width:150px; margin-top: 8px;" ></a>
<a href="#" class="easyui-linkbutton" style="width:150px; margin-top: 8px;" ></a>
<a href="#" class="easyui-linkbutton" style="width:150px; margin-top: 8px;"></a>
</div>
//easyui-accordion 为上下收缩面板样式
</div>
</div>
定义一个弹出窗口代码:
<div id="boundaryLine_w" class="easyui-window" title="飞行控制" data-options="iconCls:'ico-flyset',minimizable:false,maximizable:false,top:0,left:205" style="width:300px;height:160px;padding:0px;">
</div> //top left 设置窗口显示时距离左边和顶部的距离
关闭窗口:$("#lightSet_w").window('close');
水平拉杆:
<input class="easyui-slider" id="light_slider" data-options="showTip:true,max:18,min:6,value:12,rule:[6,'|',9,'|',12,'|',15,'|',18],tipFormatter:tipFormatter,onChange:sliderOnChange" style="width:250px; height:100px;">
//标尺提示格式化过程
function tipFormatter(value) {
return "<font size=\"5px\">" + value + ':00</font>';
}
//标签改变时执行
function sliderOnChange(value) {
}
- easy ui 使用总结
- jquery easy ui 使用总结
- Easy-UI案例使用总结
- easy ui 简单使用
- JQuery Easy UI 使用
- jQuery Easy UI 使用
- Easy-UI combobox使用
- Easy UI使用记录
- Easy-ui常见用法总结
- easy-Ui toolTip的使用
- jquery easy ui tabs使用
- jQuery Easy UI的使用
- Easy UI datagrid的使用
- easy UI简单使用介绍
- easy ui Tree 的使用
- Easy Image 使用总结
- easy ui in action 两个月总结
- 如何用struts2+easy ui的使用
- gson处理json和java对象互转
- 数字电路设计之简单的滤波算法
- 过滤器:叠片式过滤器所具备的优势
- FreeMarker标签基本用法
- Non supported character set: oracle-character-set-852
- easy ui 使用总结
- debug调试技巧 作者daimojingdeyu
- valuestack,stackContext,ActionContext.之间的关系
- Python图像处理库:Pillow 初级教程
- windows和linux服务器上iis和apache的WordPress固定链接的设置方法
- 10 Things You Didn't Know About Java(java中的10个坑,你知道几个?)
- libyuv编译
- ArcGIS教程:地图制图之创建地图册
- spring+quartz定时器任务调度(时间配置比timer灵活的多)