动态添加行的方案

在动态添加行的时候(表格操作居多),首先想到的就是克隆上一个tr再进行添加。实践来看,可行性不大,可能每个tr的id、顺序号,或者是其他的属性,都不能动态构造;还有一种方案是用一个div层,把tr包住,隐藏,添加的时候再去读取,事实上也是不可行的。div包裹tr会导致结构混乱。另外动态构造也不行。

正是因为动态添加行不好操作,所以才会有很多js模板引擎应运而生。由于网上有教程了,就不做例子,以下是几篇文章,写得不错,记录下来:

1、jquery-tmpl模板引擎

介绍博客:http://www.cnblogs.com/zhuzhiyuan/p/3510175.html     http://www.cnblogs.com/whitewolf/archive/2011/10/09/2204185.html

下载地址:https://github.com/BorisMoore/jquery-tmpl

2、http://laytpl.layui.com/(精致巧妙的JavaScript模板引擎)

时间: 2024-12-30 03:38:52

动态添加行的方案的相关文章

Repeater动态添加行

<table class="table table-striped table-bordered table-hover">            <asp:Repeater ID="rp_List" runat="server" onitemcommand="rp_List_ItemCommand">                <HeaderTemplate>             

PHP加Nginx实现动态裁剪图片方案

许久以前写过一篇也是关于高性能PHP图片动态裁剪方案的文章,那文章使用的是nginx Cache和rewrite实现的,当然再加上CDN,那个方案存在一个问题就是图片并没有实际生成,而是以二进制的形式存在缓存中.如果缓存失效了那么还需要请求php再次生成.如果说到区别这是我暂且认为的吧.利用空余时间,新增了静态生成图片支持,支持对图片3种模式切换,在门户网站自动对图片尺寸进行裁剪,减少服务器带宽,理论上应该也满足了业务的需求吧,图片裁剪使用了Imagick组件. 一.思路再现:1.先写好请求服务

云主机磁盘存储动态扩容(LVM)方案

一.场景 云主机使用的越来越多,现在几乎没有不使用云主机的,经常会碰到需要升级硬盘存储的操作,直接添加磁盘,或动态在原有的分区上扩容,所使用的方案大致有如下:1.基于lvm格式 在线动态扩容2.非lvm格式扩容接下来我们就结合生产常用两种扩容方案及实践 二.LVM在线动态扩容 1.lvm原理概述 这里引用鸟哥说明LVM 的重点在於『可以弹性的调整 filesystem 的容量!』而并非在於效能与数据保全上面. 需要文件的读写效能或者是数据的可靠性,请参考前面的 RAID 小节. LVM 可以整合

关于表格动态添加行并处理相关表单元素的一些修改----优化for重用(2)

功能介绍: 1.处理了动态行与表单的设值问题 2.添加了行的向上或向下排序 3.添加了可以在当前行的下边或上边增加新行的功能 4.添加了可以单选或勾选多项删除不需要的行的功能 5.添加了新增的行的高亮(以new红标记标注)的功能 6.实现了可以不依靠样式表(即:即使不要<style></style>部分,功能不会一点) 7.实现了方便后端的接收的数据形式(通过一个动态的长度设置,后端获取这个动态长度并且从1开始循环即可接收相关数据) 8.实现了方便后端进行编辑时的界面(即添加与编辑

[email&#160;protected]:向表格中动态添加行显示信息,做到滚动效果

最近在学习D3,很多时候都用到了表格,并且在js中动态地添加和删除表格,在这里总结一下js关于表格的操作: 首先要知道,js中没有提供关于列的操作,所以关于列的操作只能通过操作行来实现,比如获得列的数量,只能通过获得行的单元格数量来获得列数(这里也有缺陷,如果某个单元格设置了colspan属性,就会出错). table.rows.length//获得表格的行数 table.rows[0].cells.length//获得表格第一行的单元格的数量 table.insertRow(i)//插入第(i

table中动态添加行

jquery: var table1 = $('#table1'); var row = $("<tr></tr>"); var td1 = $("<td class='mfTitle' style='width:40%'></td>"); td1.append($("<div style='font-size:12px;font-weight:bold;vertical-align:middle;'&

【公司动态添加行】前台穿一个json的字符串到后台,并解析

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="K

gridview动态添加行(不用datatable实现)

GridViewRow newrow = new GridViewRow(0, 0, DataControlRowType.Separator, DataControlRowState.Normal); TableCell[] tc=new TableCell[5]; for (int i = 0; i < 5; i++) { tc[i] = new TableCell(); } tc[0].Text = (GridView1.Rows.Count + 1).ToString(); tc[1].

GridView RowDeleting 动态添加行,删除行记录 不删除数据库中记录

如果只需删除GridView中的行, 并不删除数据库中的记录 项次 工号 姓名   1 10022936 gracy.ma 删除 2 10017300 eric.mak 删除 protected void Button1_Click(object sender, EventArgs e)        {            int rowCount = 1;            DataTable DT = new DataTable();            DataRow DR;