Jquery EasyUI 面板尾部（5）

最新推荐文章于 2020-03-02 21:28:00 发布

kaleid_liner

最新推荐文章于 2020-03-02 21:28:00 发布

阅读量547

点赞数

CC 4.0 BY-SA版权

分类专栏： EasyUI 文章标签： easyui jquery

本文链接：https://blog.youkuaiyun.com/qq_36735409/article/details/78021284

EasyUI 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了如何在Jquery EasyUI中添加面板尾部，只需在面板div后面简单插入代码，即可完成。内容包括具体的操作步骤和示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

面板的尾部，只需要在面板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>