Jquery动态添加 删除 操作实现
这是gridView为空数据时显示的表头
下面直接填代码:
function Add() {
//动态添加行
$("#gridCustomerView").append("<tr class='rowdel' align='center'>"
+ "<td style='width:80px'>" + $("#txtCpname").val() + "</td>"
+ "<td style='width:90px'>" + $("#txtCpname").val() + "</td>"
+ "<td style='width:80px'>" + $("#txtCPS").val() + "</td>"
+ "<td style='width:60px'>" + $("#txtPhone").val() + "</td>"
+ "<td style='width:80px'>" + $("#txtFax").val() + "</td>"
+ "<td style='width:90px'>" + $("#txtAddress1").val() + "</td>"
+ "<td style='width:90px'>" + $("#txtAddress2").val() + "</td>"
+ "<td style='width:50px'>" + $("#txtAddress3").val() + "</td>"
+ "<td style='width:50px'>" + $("#txtRemarle").val() + "</td>"
+ "<td style='width:80px'> <a href=\'#\' onclick=\'deltr'>修改</a> <a href=\'#\' onclick=\'JsDelete(this)\'>删除</a></td>"
+ "</tr>");
}
function JsDelete(obj) {
if (confirm('确定删除')) {
delIndex(obj);
} }
function delIndex(obj) {
//var rowIndex = obj.parentNode.parentNode.rowIndex; //获得行下标
//$(obj).parent("td").parent("tr").css("background", "yellow");//背景颜色
$(obj).parent("td").parent("tr").css("background", "yellow").remove();//删除当前行
}
上一下效果图:
Jquery动态添加 删除 操作实现的更多相关文章
- jQuery动态添加删除CSS样式
jQuery框架提供了两个CSS样式操作方法,一个是追加样式addClass,一个是移除样式removeClass,下面通过一个小例子讲解用法. jQuery动态追加移除CSS样式 <!DOCT ...
- jQuery动态添加删除select项
// 添加 function col_add() { var selObj = $("#mySelect"); var value="value"; var t ...
- jquery动态添加删除div--事件绑定,对象克隆
我想做一个可以动态添加删除div的功能.中间遇到一个问题,最后在manong123.com开发文摘 版主的热心帮助下解答了(答案在最后) 使用到的jquery方法和思想就是:事件的绑定和销毁(unbi ...
- jQuery动态添加删除与添加表行代码
具体实现代码如下: table的HTML如下: 代码如下 复制代码 <input type="button" value="添加一行" />< ...
- jquery动态添加/删除 tr/td
<head runat="server"> <title></title> <!--easyui --> <link rel= ...
- ASP.NET+ashx+jQuery动态添加删除表格
aspx: <script src="../script/jquery-1.4.4.min.js" type="text/javascript" lang ...
- Jquery动态添加/删除表格行和列
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- jquery 动态添加和删除 ul li列表
今天需要实现一个jquery动态添加和删除 ul li列表中的li行,自己简单的实现乐一个,分享一下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...
- JQuery动态添加控件并取值
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
随机推荐
- Could not parse the file: d:\matlab7\toolbox\ccslink\ccslink\info.xml
找到安装目录下的info.xml文件,用记事本打开. 我的安装目录是:D:\MATLAB7\toolbox\ccslink\ccslink 用记事本打开,显示如下内容: <productinfo ...
- 关于npm本地安装模块包(node_modules),安装不了的问题
单独测试的时候,发现安装不了node_modules包 缺少package.json,无法安装. 分为以下两步: 1.npm init -y 2.npm i -D vue 或 yarn add vue
- Android画布更新过程OnDraw调用过程
onDraw是触发的外置接口,用户能够复写这种方法,这样当回调onDraw时,就能够绘制出用户须要的画面 这个接口方法相似onLayout的回调,利用layout(l,t,r,b)就能够触发. 而这里 ...
- Android开发之语音识别
2013-07-03 语音识别 2008年Google语音搜索在iphone平台上线,Android 1.5 将语音识别应用到搜索功能上. 手动输入是目前主要与手机互动的方式,语音搜索宗旨是最大限度地 ...
- 导入项目出现: Unable to resolve target ‘android-10′ 解决办法
进入到android项目根目录下,打开项目文件project.properties ,修改 target=android-10 的值.把10改为当前虚拟机API level的版本即可.我这里改为17 ...
- 【web开发学习笔记】Struts-Tags学习笔记1 - 通用标签和控制标签
通用标签和控制标签 第一部分.代码 //前端 <html> <head> <meta http-equiv="Content-Type" conten ...
- 【服务器防护】centos iptables 防火墙设置 mac过滤
1.阻止MAC地址为XX:XX:XX:XX:XX:XX主机的所有通信: iptables -A INPUT -s 192.168.1.21 -m mac --mac-source XX:XX:XX:X ...
- Mysql对结果集的各种处理操作
c++操作- 查询mysql结果集 用mysql进行数据查询的时候,mysql会返回一个结果集给我们.接着我们需要调用mysql的api,从这个结果集中取得我们要的数据. 取完数据之后,需要释放这个结 ...
- android studio 使用问题记录
android studio 使用问题记录 下载地址:FQ或园子内好心人提供的国内地址: http://www.cnblogs.com/bjzhanghao/archive/2012/11/14/an ...
- 内存控制函数(1)-mmap() 建立内存映射
示例1: 1.首先建立一个文本文件,名字为tmp,内容为hello world 2.编写mmap.c #include <sys/types.h> #include <sys/sta ...