jquery表格列表增删改查crud数据效果代码
代码语言:html
所属分类:表格
代码描述:jquery表格列表增删改查crud数据效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tabullet.js"></script> <style> body { background-color: #fafafa; } .container { margin: 150px auto; } </style> <script type="text/javascript"> $(function() { var source = [{ id: 1, name: "Aditya Purwa", level: "Admin" }, { id: 2, name: "Aditya Avaga", level: "Manager" }, { id: 101, name: "Aditya Myria", level: "User" }, { id: 102, name: "Lucent Serentia", level: "LOD" }, { id: 103, name: "Hayden Bapalthiel", level: "King" }, ]; function resetTabullet() { $("#table").tabullet({ data: source, action: function(mode, data) { console.dir(mode); if (mode === 'save') { source.push(data); } .........完整代码请登录后点击上方下载按钮下载查看
网友评论0