bootstrap,jquery利用后台传入的json数据创建动态表格-创新互联

  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

    成都创新互联主要从事成都网站建设、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务赫山,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
  2. <%

  3. String path = request.getContextPath();

  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

  5. %>

  6. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

  7.   

  8.     ">

  9.     My JSP 'showTeachers.jsp' starting page

  10.     

  11.     

  12.     

  13.     

  14.     

  15.     

  16.         

  17.     

  18.         

  19.     

  20.     

  21.   

  22.   

  23.      

  24.         

  25.         

  •         

  •     

  •     

  •     

  •   

  •   

  •        var $table=$('');

  •     $(document).ready(function(){

  •         $("#nav_top").load("nav/nav_top.jsp");

  •         var s='${json}';

  •         var s=eval("("+s+")");

  •         createTable("table_teacher",s);

  •     });

  •         function createTable(div,s){

  •        // var $table=$('');

  •         $("div").append($table);

  •         var $caption=$('jquery生成bootstrap表格');

  •         $table.append($caption);

  •         var $thead=$('');

  •         var $trs=$('');

  •         var $th2=$('姓名');

  •         var $th3=$('年龄');

  •         var $th4=$('电话');

  •         var $th5=$('操作');

  •         $trs.append($th2);

  •         $trs.append($th3);

  •           $trs.append($th4);

  •          $trs.append($th5);

  •         $thead.append($trs);

  •         $table.append($thead);

  •        for(var p=0;p

  •          create_tbody(s[p].id,s[p].name,s[p].tel_phone);

  •        }

  •     }

  •     function create_tbody(td1, td2, td3){

  •         var $tr = $('');

  •         $table.append($tr);

  •         var $td1 = $('' + td1 + '');

  •         $tr.append($td1);

  •         var $td2 = $('' + td2 + '');

  •         $tr.append($td2);

  •         var $td3 = $('' + td3 + '');

  •         $tr.append($td3);

  •         var $td4 = $('');

  •         var $edit = $('编辑');

  •         var $delete = $('删除');

  •         $td4.append($edit);

  •         $td4.append($delete);

  •         $tr.append($td4);

  •         $(document).on("mouseover", ".tr_content", function(){

  •                 $(this).children().each(function(){

  •                     $(this).find("span").show();

  •                 });

  •         });

  •         $(document).on("mouseout", ".tr_content", function(){

  •                 $(this).children().each(function(){

  •                     $(this).find("span").hide();

  •                 });

  •         });

  •     }

  •  

  • 另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


    新闻标题:bootstrap,jquery利用后台传入的json数据创建动态表格-创新互联
    浏览路径:http://ybzwz.com/article/coodpj.html

    其他资讯