bootstrap,jquery利用后台传入的json数据创建动态表格-创新互联
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
成都创新互联主要从事成都网站建设、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务赫山,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
"> My JSP 'showTeachers.jsp' starting page #edit_teacher{
padding-right:15px;
}
#edit_teacher,#delete_teacher{
cursor:pointer;
display:none;
}
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://scyanting.com/article/coodpj.html