Jquery EasyUI 面板尾部(5)

来源:互联网 发布:最优化高级计算方法 编辑:程序博客网 时间:2024/05/17 21:06

面板的尾部,只需要在面板div后面添加:

<div id="ft" style="padding:5px;">        Footer Content.    </div>
并在面板data-options属性中添加:footer:'#ft'

即可。如图:


代码:

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Full Layout - jQuery EasyUI Demo</title>    <link rel="stylesheet" type="text/css" href="easyUI/themes/default/easyui.css">    <link rel="stylesheet" type="text/css" href="easyUI/themes/icon.css">    <link rel="stylesheet" type="text/css" href="easyUI/demo/demo.css">    <script type="text/javascript" src="easyUI/jquery.min.js"></script>    <script type="text/javascript" src="easyUI/jquery.easyui.min.js"></script></head><body><h2>Panel Footer</h2><div class="easyui-panel" title="Panel Footer" style="width:700px;height:200px;" data-options="footer:'#ft'"></div><div id="ft" style="padding:5px;">    Footer Content.</div></body></html>


原创粉丝点击