bootStrap-table(五) 页面刷新及表单回显

最新推荐文章于 2024-01-24 12:47:09 发布

Kaleldo

最新推荐文章于 2024-01-24 12:47:09 发布

阅读量2.7k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_43647224/article/details/84398257

版权

本文介绍了如何在使用BootStrap-table时实现页面刷新功能，并详细讲解了在表单提交后如何进行数据回显，确保用户体验。通过实例代码和截图，展示了设置与获取数据、维护表格状态的步骤。

摘要由CSDN通过智能技术生成

效果图

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://www.thymeleaf.org ">

<head>
    <meta charset="utf-8"/>
    <title>菜单管理</title>
</head>
<style type="text/css">
    .table {
        table-layout: fixed;
    }

    .treegrid-tbody td {
        border: 0 !important;
        border-left: 1px solid #e7eaec !important;
        border-bottom: 1px solid #e7eaec !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
</style>
<body>
<!--bug 要实现效果，需要将js css 放进body-->
<link th:href="@{/assets/plugins/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet">
<link rel="stylesheet" th:href="@{/assets/plugins/bootstrap-table/jquery.treegrid.min.css}">
<ol class="breadcrumb">
    <li class="active"></li>
    <li class="active">菜单管理</li>
</ol>
<div id="main">
    <div class="form-group">
        <div>
            <a role="button" onclick="doEdit(0)

最低0.47元/天解锁文章

Kaleldo

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootStrap-table(五) 页面刷新及表单回显

效果图&lt;!DOCTYPE html&gt;&lt;html xmlns:th="http://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.thymeleaf.org "&gt;&lt;head&gt;..
复制链接

扫一扫