Rumah > hujung hadapan web > tutorial js > 基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)_jquery

基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)_jquery

WBOY
Lepaskan: 2016-05-16 17:51:21
asal
1524 orang telah melayarinya

在线演示: http://demo.jb51.net/js/2012/jqueryAutoAddDeleteTableTr/jqueryAutoAddDeleteTableTr_leftClick.html
//左键 

复制代码 代码如下:



jQuery 动态增删表格















































































               
              1
              2
              3
              4
              5
              6



向上增加一行
修改当前一行
向下增加一行
删除当前行




jqueryAutoAddDeleteTableTr_rightClick.html
//右键(含屏蔽浏览器右键功能)
复制代码 代码如下:



jQuery 动态增删表格















































































               
              1
              2
              3
              4
              5
              6



向上增加一行
修改当前一行
向下增加一行
删除当前行




jqueryAutoAddDeleteTableTr_leftClick_addsearch.html
//左键添加查询功能
复制代码 代码如下:



jQuery 动态增删表格



























































































               
1 2 3 4 5 6 7 8
a b c d e f g h
A B C D E F G H
aa bb cc dd ee ff gg hh
111 222 333 444 555 666 777 888
1a 2b 3c 4d 5e 6f 7g 8h



向上增加一行
修改当前一行
向下增加一行
删除当前行




PS:
var addToTrTop = 10;
var addToTrLeft = 534;

var addToTdLeft = 60; //若设置addToTdLeft则addToTrLeft失效

表示提示DIV clickTips距离当前tr顶部和左部的偏移量,可自行修改,可为负数表示上移或左移。

软件下载:下载
作者:Zjmainstay    
出处:http://www.cnblogs.com/Zjmainstay/
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan