jquery动态生成改变table的数据内容
来源:互联网 发布:中科院成都计算所知乎 编辑:程序博客网 时间:2024/05/02 14:14
<!-- <input type="button" onclick="showWindow()" value="数据" /> -->
<div id="win" style="border:1px red solid;width:50%; position:absolute; top:13%; left:25%; z-index:101;display:none;background-color: #dddddd">
<table style="align=cente;width=100%; border=1; cellspacing=1;cellpadding=0" id ="mytable">
<thead id ="myThead">
</thead>
<tbody id = "myTbody">
</tbody>
</table>
</div>
$("input[id$='01']").click(function(){
showWindow("popTool.do?action=getTeaListJson");
id = $(this).attr("id").replace("01","");
/* $("#"+id+"Teacher").load("?action=getTeaList");
$("#"+id+"Teacher").show("slow"); */
});
var popDataUrl;//为了次弹出可以复用,动态请求地址
function showWindow(str) {
popDataUrl = str;
document.getElementById("win").style.display = "block";
document.getElementById("mask").style.display = "block";
popData();
};
function closeWindow() {
document.getElementById("win").style.display = "none";
document.getElementById("mask").style.display = "none";
clear();
};
function popData(flg){
$.post(popDataUrl+"&event="+flg, function(result){
// jquery的each循环
var mydata = result.data;
var params = result.params.split(',');
$("#myThead").append(result.thead);
$.each(mydata, function() {
var td = "";
for(var index in params){
td = td + "<td>"+this[params[index]]+"</td>";
}
var tr = "<tr id = "+this.id+">"+td+"<td id='1111'><input type='radio' id='0000' name='myRadio' onclick=chang('"+this.id+"');></td></tr>";
$("#myTbody").append(tr);
});
$("#win").append(result.page);
});
};
function clear(){
$("#myTbody").empty();
$("#myThead").empty();
$("#pageDiv").remove();
};
function getPageS(pageIndex){
clear();
popData("S&pageIndex="+pageIndex);
};
function getPageX(pageIndex){
clear();
popData("X&pageIndex="+pageIndex);
};
function chang(obj){
var $tr = $("#"+obj);
var tname = $tr.children('td').eq(0).text();
var myradio = $("input[type='radio']:checked").val().split(',');
$("#"+id+"01").val(tname);
$("#"+id+"").val(obj);
};
真正的表头和表数据在后台通过json打印前台。
- jquery动态生成改变table的数据内容
- JQUERY动态生成DIV,table等数据
- Jquery动态生成table
- 通过JS动态改变table中<td>的内容
- JQuery动态生成Table表格
- JQuery动态生成Table表格
- JQuery动态生成Table表格
- JQuery动态生成Table表格
- Android 根据Edittext内容动态改变Listview显示的数据
- 动态生成(改变)iframe中的内容
- jquery读取table的内容
- js如何获取table中动态生成的数据
- jQuery对于动态生成的内容的控制
- 在做收银系统项目时,table tr里的元素内容动态改变,监听td内容的变化,为发生改变的自动改变背景色蓝色
- jquery easyUI 中动态 改变 Datagrid中数据的方法
- jquery easyUI 中动态 改变 Datagrid中数据的方法
- table中内容过长,table改变的问题
- jquery获取table当前行的内容,table所有内容
- maven 多环境打包发布的两种方式
- spring整合mybatis开启mybatis的二级缓存
- 浅析NSQ客户端consume过程源码
- 运行ambari-web源代码
- 仿滴滴打车的平滑移动附近车辆效果实现全流程,基于高德地图
- jquery动态生成改变table的数据内容
- Backbone.js 前端JS框架
- HDU P2092 JAVA
- jdk8对list的各种处理实例详解,包括去重,排序,过滤,分组,统计
- python数据处理常用代码记录
- 集合
- 使用JSR303和AOP简化接口开发
- java 调用cmd命令阻塞办法
- Ubuntu下面设置双屏显示的方法