JS动态添加删除控件
来源:互联网 发布:阿里云discuz论坛搭建 编辑:程序博客网 时间:2024/04/28 11:59
在公司做东西的时候,需要完成用JS添加删除HTML控件的,研究了一天(呵呵,主要是参考了一天),基本实现了功能,在页面添加控件,可以在<DIV></DIV>里添(asp.net里是PANEL控件),也可以在页面已有的的TABLE里添加。
下面我就先将在TABLE里实现的代码写上来:
Function Add() //添加控件
{
var nRow=document.all.Table1.rows.length; //获得当前TABLE的行数
var objTheRow=document.all.Table2.insertRow(nRow);//执行添加
objTheRow.insertCell(0);//添加当前行的列
//添加一个按纽控件
objTheRow.cells(2).innerHTML="<input type='button' value='delete me'onclick='Delete()'>";
}
Function Delete() //删除控件
{
var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;//获取当前索引
document.all.Table1.deleteRow(currRowIndex);//执行删除
}
先写到这了,没写全,快下班了!上面这个只是基本原理!还有很多功能有待探究中,比如对所添加控件的动态值绑定,比如下拉列表框;还有根据用户所选中下拉列表具体值,动态将隐藏控件显现出来等等一些问题都还没解决,还在研究,完了会把详细代码贴上来!
下面我就先将在TABLE里实现的代码写上来:
Function Add() //添加控件
{
var nRow=document.all.Table1.rows.length; //获得当前TABLE的行数
var objTheRow=document.all.Table2.insertRow(nRow);//执行添加
objTheRow.insertCell(0);//添加当前行的列
//添加一个按纽控件
objTheRow.cells(2).innerHTML="<input type='button' value='delete me'onclick='Delete()'>";
}
Function Delete() //删除控件
{
var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;//获取当前索引
document.all.Table1.deleteRow(currRowIndex);//执行删除
}
先写到这了,没写全,快下班了!上面这个只是基本原理!还有很多功能有待探究中,比如对所添加控件的动态值绑定,比如下拉列表框;还有根据用户所选中下拉列表具体值,动态将隐藏控件显现出来等等一些问题都还没解决,还在研究,完了会把详细代码贴上来!
- JS动态添加删除控件
- JS动态添加删除控件
- JS动态添加删除控件
- 动态添加删除控件
- js动态向页面添加或删除控件
- javascript 动态添加删除控件
- 动态添加、删除上传控件.
- Html动态添加/删除控件
- 动态添加和删除控件
- JS动添加删除控件
- JS动态添加删除行
- JS动态添加删除表格
- js动态添加删除表格
- js动态添加删除行列
- js动态添加删除行
- js动态添加删除表单
- js动态添加File控件
- js 对表格的动态操作(动态添加行,删除该行,在指定位置添加控件)
- 怎样将DataSet一次性保存到数据库中去?
- .net之旅-AdRotator (11)
- 当你在准备或选择一种理财方式的时候
- C#的四个基本技巧
- 如何使用 Visual Studio .NET 工具创建数据库对象和 Transact-SQL 存储过程。
- JS动态添加删除控件
- 酷狗帐号
- vs2005.net web应用程发布问题及解决方法
- c#操作注册表
- 哈哈,找到《卧薪尝胆》bt啦
- 通货膨胀与失业率的关系
- 今天开总结会
- Java 程序设计语言(第四版)读书笔记 第三章 类的扩展
- [转]IT程序员喝酒喝出的计算机文化