- 浏览: 649995 次
- 性别:
- 来自: 石家庄
文章分类
最新评论
-
abao1:
老贾 在安装IDEA的过程中,在激活步骤时,按如下操作即可: ...
IntelliJ IDEA 2016注册方法和注册码 -
bo_hai:
./usr/bin/java: symbol lookup ...
jmagick安装步骤 -
wxcking:
不错的, 收藏一下
JAVA使用POI生成Excel文件 -
zgyfh:
大哥,密码是多少啊?zgyfh@tom.com谢谢了!新手学习 ...
WPF做的必备示例 -
记忆无泪:
jiasongmao 写道你的邮箱是多少,我可以发源代码到邮箱 ...
WPF做的必备示例
1、取得table对象
var objTable=document.getElementById( "tb_visitor" );
2、新增一行
var objTempRow = objTable.rows[0]; //取得模板行
var objNewRow = objTable.insertRow( objTable.rows.length );
objNewRow.id = objTable.rows.length-1;
//添加一行的相关信息
for ( var i=0 ; i<objTempRow.cells.length ; i++ )
{
var objNewCell = objNewRow.insertCell( i );
objNewCell.innerHTML = objTempRow.cells[i].innerHTML;
//
if(objNewCell.innerHTML.indexOf("value=")!=-1){
var si=objNewCell.innerHTML.indexOf("value=")*1+6;
var ei=objNewCell.innerHTML.indexOf(">");
var cellvalue=objNewCell.innerHTML.substring(si,ei);
//将新列内容清空且变为可用状态
objNewCell.innerHTML=objNewCell.innerHTML.replace(cellvalue,'').replace('disabled','');
}
}
//添加行的click事件
objNewRow.onclick = new Function("fn_clickrow(this);");
3、删除一行
objTable.deleteRow(objrow.index);
JS:DATATABLE,DATASET,NameValueCollection, ....
var NameValueCollection = function(){
this.__type = "System.Collections.Specialized.NameValueCollection";
this.add = function(key, value) {
if(this[key] == null) {
this[key] = value;
}
}
this.getKeys = function() {
var keys = [];
for(key in this)
if(typeof this[key] != "function")
keys.push(key);
return keys;
}
this.getValue = function(key) {
return this[key];
}
}
var DataCell = function(type,value){
this.__type = "System.Data.DataCell, System.Data";
this.__type = type;
this.value = value;
}
var DataRow = function(Columns){
this.__type = "System.Data.DataRow, System.Data";
this.CellsCollection = new NameValueCollection();
this.Cells = new Array();
for(i=0;i<Columns.length;i++)
{
this.Cells[this.Cells.length] = new DataCell(Columns[i].__type,"");
this.CellsCollection.add(Columns[i].Name,this.Cells[this.Cells.length-1]);
}
}
var DataTable = function(columns, rows) {
this.__type = "System.Data.DataTable, System.Data";
this.Columns = new Array();
this.Rows = new Array();
this.getTable = function(tableId){
var tb = $(tableId);
for(i=0;i<tb.rows[0].cells.length;i++)
{
this.addColumn(tb.rows[0].cells[i].innerText,tb.rows[0].cells[i].getAttribute("datatype"));
}
if(tb.rows.length == 1) return;
for(i=1;i<tb.rows.length;i++)
{
var newRow = this.addRow();
for(j=0;j<tb.rows[i].cells.length;j++)
{
newRow.Cells[j].value = tb.rows[i].cells[j].innerText;
}
}
}
this.bind = function(tableId){
var tb = $(tableId);
var newRow = tb.insertRow();
for(j=0;j<this.Columns.length;j++)
{
var newCell = document.createElement("TH");
newCell.innerText = this.Columns[j].Name;
newCell.setAttribute("datatype",this.Columns[j].__type);
newRow.appendChild(newCell);
}
for(i=0;i<this.Rows.length;i++)
{
var newRow = tb.insertRow();
for(j=0;j<this.Columns.length;j++)
{
var newCell = newRow.insertCell();
newCell.innerText = this.Rows[i].Cells[j].value;
}
}
}
this.addColumn = function(name, type) {
var c = new Object();
c.Name = name;
c.__type = type;
this.Columns.push(c);
}
this.addRow = function()
{
var newRow = new DataRow(this.Columns);
this.Rows.push(newRow);
return newRow;
}
if(columns != null) {
for(var i=0; i<columns.length; i++) {
this.addColumn(columns[i].name, columns[i].__type);
}
}
if(rows != null) {
for(var i=0; i<rows.length; i++) {
var row = this.addRow();
for(var c=0; c<this.Columns.length && c<rows[i].length; c++) {
row.Cells[c] = rows[i].Cells[c];
}
}
}
}
var DataSet = function(tables) {
this.__type = "System.Data.DataSet, System.Data";
this.Tables = new Array();
this.addTable = function(table) {
this.Tables.push(table);
}
if(tables != null) {
for(var i=0; i<tables.length; i++) {
this.addTable(tables[i]);
}
}
}
var objTable=document.getElementById( "tb_visitor" );
2、新增一行
var objTempRow = objTable.rows[0]; //取得模板行
var objNewRow = objTable.insertRow( objTable.rows.length );
objNewRow.id = objTable.rows.length-1;
//添加一行的相关信息
for ( var i=0 ; i<objTempRow.cells.length ; i++ )
{
var objNewCell = objNewRow.insertCell( i );
objNewCell.innerHTML = objTempRow.cells[i].innerHTML;
//
if(objNewCell.innerHTML.indexOf("value=")!=-1){
var si=objNewCell.innerHTML.indexOf("value=")*1+6;
var ei=objNewCell.innerHTML.indexOf(">");
var cellvalue=objNewCell.innerHTML.substring(si,ei);
//将新列内容清空且变为可用状态
objNewCell.innerHTML=objNewCell.innerHTML.replace(cellvalue,'').replace('disabled','');
}
}
//添加行的click事件
objNewRow.onclick = new Function("fn_clickrow(this);");
3、删除一行
objTable.deleteRow(objrow.index);
JS:DATATABLE,DATASET,NameValueCollection, ....
var NameValueCollection = function(){
this.__type = "System.Collections.Specialized.NameValueCollection";
this.add = function(key, value) {
if(this[key] == null) {
this[key] = value;
}
}
this.getKeys = function() {
var keys = [];
for(key in this)
if(typeof this[key] != "function")
keys.push(key);
return keys;
}
this.getValue = function(key) {
return this[key];
}
}
var DataCell = function(type,value){
this.__type = "System.Data.DataCell, System.Data";
this.__type = type;
this.value = value;
}
var DataRow = function(Columns){
this.__type = "System.Data.DataRow, System.Data";
this.CellsCollection = new NameValueCollection();
this.Cells = new Array();
for(i=0;i<Columns.length;i++)
{
this.Cells[this.Cells.length] = new DataCell(Columns[i].__type,"");
this.CellsCollection.add(Columns[i].Name,this.Cells[this.Cells.length-1]);
}
}
var DataTable = function(columns, rows) {
this.__type = "System.Data.DataTable, System.Data";
this.Columns = new Array();
this.Rows = new Array();
this.getTable = function(tableId){
var tb = $(tableId);
for(i=0;i<tb.rows[0].cells.length;i++)
{
this.addColumn(tb.rows[0].cells[i].innerText,tb.rows[0].cells[i].getAttribute("datatype"));
}
if(tb.rows.length == 1) return;
for(i=1;i<tb.rows.length;i++)
{
var newRow = this.addRow();
for(j=0;j<tb.rows[i].cells.length;j++)
{
newRow.Cells[j].value = tb.rows[i].cells[j].innerText;
}
}
}
this.bind = function(tableId){
var tb = $(tableId);
var newRow = tb.insertRow();
for(j=0;j<this.Columns.length;j++)
{
var newCell = document.createElement("TH");
newCell.innerText = this.Columns[j].Name;
newCell.setAttribute("datatype",this.Columns[j].__type);
newRow.appendChild(newCell);
}
for(i=0;i<this.Rows.length;i++)
{
var newRow = tb.insertRow();
for(j=0;j<this.Columns.length;j++)
{
var newCell = newRow.insertCell();
newCell.innerText = this.Rows[i].Cells[j].value;
}
}
}
this.addColumn = function(name, type) {
var c = new Object();
c.Name = name;
c.__type = type;
this.Columns.push(c);
}
this.addRow = function()
{
var newRow = new DataRow(this.Columns);
this.Rows.push(newRow);
return newRow;
}
if(columns != null) {
for(var i=0; i<columns.length; i++) {
this.addColumn(columns[i].name, columns[i].__type);
}
}
if(rows != null) {
for(var i=0; i<rows.length; i++) {
var row = this.addRow();
for(var c=0; c<this.Columns.length && c<rows[i].length; c++) {
row.Cells[c] = rows[i].Cells[c];
}
}
}
}
var DataSet = function(tables) {
this.__type = "System.Data.DataSet, System.Data";
this.Tables = new Array();
this.addTable = function(table) {
this.Tables.push(table);
}
if(tables != null) {
for(var i=0; i<tables.length; i++) {
this.addTable(tables[i]);
}
}
}
发表评论
-
移动端前端UI库—Frozen UI、WeUI、SUI Mobile
2016-04-04 23:28 500Frozen UI 自述:简单易用,轻量快捷,为移动端 ... -
前端JS验证框架
2015-09-10 09:32 443 -
jquery 1.9+兼容以前版本的解决办法
2015-08-10 10:27 687如果页面需要导入1.9版本和1.4版本的jquery,那么实 ... -
js动画框架
2014-12-15 10:54 498比较好用的JS动画库有:velocity和GSAP ... -
js控制ace modal模态对话框显示和隐藏
2014-11-10 17:58 1251//显示 $("#mymodalbox" ... -
10个简单实用的 jQuery 代码片段
2013-07-23 08:36 617尽管各种 JavaScirpt 框架和库层出不穷,jQuer ... -
管理浏览器前弹出提示框
2011-08-18 16:20 707<body onbeforeunload="j ... -
可以选择时间的日历控件js
2011-01-19 11:34 2796<!-- /**//* * 本日历选 ... -
JS注册事件 JS:attachEvent和addEventListener 使用方法
2010-12-08 12:38 906<!DOCTYPE html PUBLIC " ... -
JavaScript Base64编码函数
2010-07-02 12:58 1401本文转载于:http://www.iteye.com/topi ... -
IE 和Firefox完全兼容的Tab代替Enter的Javascript代码
2010-06-07 09:57 943声明:该博文转载于博客园:http://www.cnblogs ... -
JS应用(资料很全) 更新
2010-05-13 18:12 1038如果你找的javascript的东西的话,建议你 ctrl+F ... -
window.showModalDialog以及window.open用法简介
2010-05-13 16:07 861一、window.open()支持环境: JavaScript ... -
javascript中的Linq----------jlinq
2009-11-19 16:44 986jLinq 是一个用来编写JavaScript对象数组查询的J ... -
jquery插件介绍
2009-11-19 15:05 949概述 jQuery 是继 prototype 之后又一个优秀 ... -
解决jquery中$与其他JS框架的冲突问题
2009-10-30 10:54 1049项目开发中,有时会引入多个JS框架,为了避免因为其他框架和jq ... -
js判断浏览器版本及版本号
2009-08-10 11:20 1672<script> window[" ... -
JAVASCRIPT控制一行显示的滚动图片
2009-08-10 11:03 1614新浪网和网易都经常用到,用JAVASCRIPT去控制一行显示的 ... -
扩充的一些常用的js函数
2009-08-03 10:47 826/* *************************** ... -
js验证中文字符
2009-08-03 10:40 1340//检查函数: function ischinese(s) ...
相关推荐
NULL 博文链接:https://lee20101029.iteye.com/blog/870156
js动态创建table点击按钮dom table tr添加操作
本文代码主要实现了javascript如何操作table并动态添加行的方法
1.js动态生成table,对table的创建,添行,删行操作
主要介绍了JS实现动态修改table及合并单元格的方法,结合完整实例形式分析了JS动态遍历及修改table单元格的具体操作技巧,需要的朋友可以参考下
js 代码操作 table 排序功能
资源提供js操作html、table导出生成excel文件,代码简介易懂
一个JS写的 操作table大全 里面包括合并 拆分。删除 添加 基本都有。如果还要实现特殊的效果 请大家自己改造改造
通过js动态操作table(新增,删除相关列信息)的实现代码,需要的朋友可以参考下
table动态添加行并进行行数据编辑,数据修改等操作,动态操作table
低调发布,因为是小样版本,集成了几个简单的方法...写此类的目的一个事方便操作table二是可以引入ajax做无刷新分页啥的 当然这些还没做 只是最简单实用的方法 争取尽快完善,引入ajax元素。尽请期待。 demo地址: ...
js操作table的特效分享
使用javascript脚本向页面中的table添加和删除行
JavaScript操作select JavaScript操作table
针对Table的操作,针对Table增加/删除 行和列,向上移,向下移.etc
通过js来操作table行的动态添加删除,进行相关的操作
使用js动态添加行,简单而方便,所以操作table。
用于动态操作表格~~~~~~~~~~~~~~~~~~~~~~·
使用javascript实现table动态增加删除行列。
javascript 操作 table的一个例子. 可以下去研究下