easyui-tabs根据数据库的数据动态生产tab

最新推荐文章于 2022-05-05 20:59:41 发布

煎饼侠

最新推荐文章于 2022-05-05 20:59:41 发布

阅读量360

点赞数

分类专栏： jsp

本文链接：https://blog.csdn.net/cj651943317/article/details/40864335

版权

该博客展示了如何在网页中使用EasyUI库根据从数据库获取的数据动态生成左侧 tabs。通过JavaScript的Ajax请求获取数据，然后遍历结果集，为每个年度创建一个新的Tab，并在每个Tab中加载对应的iframe内容，实现数据的实时展示。此外，还提供了添加新年度考点的弹窗功能。

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

<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%@ include file="/common/meta.jsp"%>
<script type="text/javascript">
var lastyear;
$(function() {
   checkPointTabs();
   $('#checkPointtbas').tabs( {
       tabPosition : 'left',//实现tab在左边
   });
});
function checkPointTabs(){//搜索数据库中的数据
   $.ajax( {
       type : "post",
       async: true,//异步校驗
       url : "${ctx}/pems/checkpointtabs!geTCheckyear.action",
       dataType : 'json',
       success : function(result) {
           for (i = 0; i < result.length; i++) {
               year = result[i].year;
               addPanel(year);//新建tab
           }