添加行
function addSingleRow(styleid, desc, styletype, quality, analyse, size, rate,
weistr, weiend, weiavg) {
//bodyTbl -->table 元素 可以用document.getElementById("ID名字")获取,
//当然获取方式很多,添加行也不一定要这么写,可以用appendChild方法添加
var myrow = bodyTbl.insertRow();
var cell = myrow.insertCell();
cell.innerHTML = "";
var cell = myrow.insertCell();
cell.innerHTML = "<span>" + desc + "</span>";
var cell = myrow.insertCell();
cell.innerHTML = "<input type='hidden' name='styleid' value='" + styleid
+ "'/>" + "<span>" + styletype + "</span>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='hidden' name='quality' value='" + quality[0]
+ "'/>" + "<span>" + quality[1] + "</span>"
cell = myrow.insertCell();
cell.innerHTML = "<input type='hidden' name='analyse' value='" + analyse[0]
+ "'/>" + "<span>" + analyse[1] + "</span>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='hidden' name='size' value='" + size[0]
+ "'/>" + "<span>" + size[1] + "</span>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='hidden' name='rate' value='" + rate[0]
+ "'/>" + "<span>" + rate[1] + "</span>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='text' style='width:80px' value='" + weistr
+ "' name='startwei'>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='text' style='width:80px' value='" + weiend
+ "' name='endwei'>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='text' style='width:80px' value='" + weiavg
+ "' name='avgwei'>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='button' value='删除' class='bt_a' onclick='deleteRow()'>";
}
删除行
function deleteRow() {
if (!confirm("确定删除?"))
return;
//event好像是IE特有的,在firefox估计会出问题
var index = event.srcElement.parentNode.parentNode.rowIndex;
bodyTbl.deleteRow(index - 1);
setRowNum();
}
function setRowNum() {
for ( var i = 0; i < bodyTbl.rows.length; i++) {
bodyTbl.rows[i].cells[0].innerHTML = (i + 1);
}
}
分享到:
相关推荐
然后全局引入,我这边是在main.js里面操作写的: import Viewer from ‘v-viewer’ import ‘viewerjs/dist/viewer.css’ 然后注册下: Vue.use(Viewer) Viewer.setDefaults({ Options: { 'inline': true, '...
基于jQuery的表头表尾固定组件 ========== table的表头表尾fixed效果,使用浏览器滚动条。兼容IE6 要求表头表尾必须在thead tfoot内 by esky 2014-02-13 步骤1:table加入外部布局容器e-tbWrap, 并生成最外层包裹容器...
4.table ie处理问题,需要强制指定用dom操作 5.colSpan cellSpacing hideFocus (colspan cellspacing ie dom 设置 有问题 ,直接html 属性小写没问题) 修改代码时请注意,IE 表格操作很脆弱,只能直接DOM
4. 客户端运行环境:能运行IE 5以上或Netscape 5以上浏览器的操作系统,配合使用Ajax技术; 5. 客户端运行工具:目前的系统采用浏览器作为客户端,为了支持Ajax开发框架,应该选择使用IE 5以上版本浏览器。 本...
插件基于jquery,完全采用table绘制。 2、操作流畅。所点即所得,有点像excel2013。 3、自定义多表头。这个必须的。 4、可定义多行 为一组。例如定义2行为一组。对此组进行删除、清空、插入一组等。 5、体积小。...
效果与c/s一样,在客户端使用IE自带的预览、打印) 表格模板支持: xml格式模板 使用表格定义语句定义的表格可将模板保存到文件、数据库 支持最终用户通过表格设置修改表格,保存模板 成组打印: ...
为您提供avue前端框架下载,Avue.js是基于现有的element-ui库进行的二次封装,从而简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高...
b) 查询确认:打开【供应商入库】流程,在IE地址栏的URL中加上参数Code的值,如:&Code=ORC,就可以查询到刚才录入的Code值是ORC的记录,以及相关的物料信息子表。 2. 【供应商入库】 a) 从Portal门户的流程中心...
最近由于项目功能设计的原因,需要对table中的行实现拖拽排序功能,找来找去发现Sortable.js能很好的满足这个需求,而且它还是开源的,于是乎就开始学习使用Sortable.js,再然后就有了这篇文章。 特点: 轻量级但...
效果与c/s一样,在客户端使用IE自带的预览、打印) 表格模板支持: xml格式模板 使用表格定义语句定义的表格可将模板保存到文件、数据库 支持最终用户通过表格设置修改表格,保存模板 成组打印: ...
比如,基于Web的邮箱客户端列出了一系列的邮件,及一列checkboxes,用户可选择任意封邮件并执行相同的操作,比如移动到另一个文件夹或将之删除。 在本教程,我们将探讨如何添加checkboxes列,以及发生页面回传后...
本程序演示了在ASP.NET中使用XML/XSLT,图形开发技术,是C#发现之旅系列课程关于C#操作XML/XSLT,图形开发技术的演示程序。本程序使用C#开发,运行在微软.NET框架1.1的环境下。 程序文件和页面说明如下 demomdb.mdb...
为您提供avue前端框架下载,Avue.js是基于现有的element-ui库进行的二次封装,从而简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高...
jx-ui.js是基于现有web端的vue-ant-design库进行的二次封装,从而简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,容易维护和...
JumboECMS是针对企业用户专门改写的基于JumboTCMS的一个版本。 模块有:企业介绍、新闻、案例、产品、招聘、下载、在线订购、留言等等,支 持中英文。懂二次开发的朋友可以自行扩展其他语言! 二、源码说明 正式...
JumboECMS是针对企业用户专门改写的基于JumboTCMS的一个版本。 模块有:企业介绍、新闻、案例、产品、招聘、下载、在线订购、留言等等,支 持中英文。懂二次开发的朋友可以自行扩展其他语言! 二、源码说明 正式...
Avue.js是基于现有的element-ui库进行的二次封装,从而简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,容易维护和扩展的框架,...