点击按钮添加单元行

最新推荐文章于 2024-06-12 13:26:04 发布
最新推荐文章于 2024-06-12 13:26:04 发布
阅读量564 收藏
点赞数
分类专栏： JavaScript 文章标签： input table function xhtml server html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Discussing/article/details/6537558
版权

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script>
        var gzcontent = "";
        function addTable() {
            var tableID = document.all.loop;
            var oRow = tableID.insertRow(tableID.rows.length);
            var oCell = oRow.insertCell(oRow.cells.length);
            oCell.innerHTML = gzcontent;

        }
        function initContent() {
            gzcontent = document.all.tb1.outerHTML;
        }
    </script>

</head>
<body οnlοad="initContent()">
    <form id="form1" runat="server">
    <div>
        <table border="1" id="loop">
            <tr>
                <td>
                    <table id="tb1">
                        <tr>
                            <td>
                                username:
                            </td>
                            <td>
                                <input type="text" value="dinghb">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                password
                            </td>
                            <td>
                                <input type="password" value="dinghb">
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" id="tdid0">
                                <input type="button" value="add table" οnclick="addTable()">
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

Discussing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
二次开发----在帆软报表设计器上添加自己的按钮
帆软爱好者的专栏
04-26 3035
如果我们想要在帆软报表设计器上的菜单里添加自己的菜单选项，该如何开发呢？ 这里需要用到二次开发的扩展点：MenuHandler，在plugin.xml中我们这样定义： <extra-designer> <MenuHandler class="com.fr.plugin.menu.ui.MyMenu"/> </extra-designer> 这里定义了一个自己的菜单项扩展： public class MyMenu extend.
报表填报时新增一行序号自动增长
海阔天空
11-24 1万+
制作填报报表的时候，一般选择用seq()公式作为自动编号。如果只是使用公式，不做其他操作的话，第一行能够正常显示，新增一行就没有序号了：         这时点击输入公式的那一格，在工具右下角找到插入行策略，下面有三个值，空值，原值，和默认值，空值是默认的，就是我们上面序号不自动增加的原因。这时候我们使用默认值，如下所示：        这样子就能自动增加序号了，不过结果不尽如人意，第
帆软FineReport_多sheet填报，点击按钮保存全部(数据库表增加一行功能)
Null_All的博客
01-13 4441
和保存大概是一样的，但是只能在其中的一个sheet中添加id值，否则会报错，好像翻译过来是“主键ID重复”，什么primary id忘了是什么提示了，这个问题也想了挺半天，最后联系的客服，之前做过的是用保存按钮点击事件手动获取sheet1中ID单元格的值，然后传给sheet2并赋值，getCellValue（sheet号，单元格列，单元格行，这样做不行，帆软机制有些搞不清，但确实能够是单元格内容实现
帆软填报增加记录报错-不可扩展
最新发布
var_lee的博客
06-12 118
原因：没有给部分单元格选择扩展方向。
8、帆软填报-自定义插入行按钮
qq_28135179的博客
05-18 7059
1、需求：点击按钮，新增一行。 2、定义按钮： （1）单元格右键---&gt;控件设置---&gt;类型选择“按钮控件”---&gt;按钮类型选择“插入行”---&gt;指定单元格填写表格第一行第一个数据。   3、设置序号(序号需要自定义填充)： （1）插入内容使用=seq()方法---&gt;扩展方向选择“纵向”---&gt;左父格选择“自定义”单元格选择填写表格第一行第一个数据...
帆软FineReport_数据库表中插入一行内容
Null_All的博客
01-13 4602
在新表中新建模板,在单元格中新建按钮控件,然后工具栏-模板填报属性-窗口中”智能填报属性”-智能添加单元格(鼠标挨个点击单元格与之对应) 百度经验插入删除行 帆软文档插入删除行
javascript 动态插入行 表格操作
teresa502的专栏
03-01 3065
       var i = 0;    function insertTr(obj)       {           var tr1 =  tb.insertRow(obj.rowIndex+1);           var td1 =  tr1.insertCell();           td1.innerHTML = "newCell" + i;          i += 1; 
vs添加单元测试菜单1
08-08
然而，在升级到Visual Studio 2012后，有些用户可能会发现一个不便之处：在方法名上右键点击时，找不到创建单元测试的选项。这个问题源于Visual Studio 2012的界面调整，但庆幸的是，这个功能并没有被移除，而是可以...
点击按钮出数据集
07-08
8. **测试与调试**：确保点击按钮出数据集功能的正确性，需要进行单元测试和集成测试，工具如Jest、Mocha可用来编写测试用例，而浏览器的开发者工具则有助于定位和修复可能出现的问题。 以上是关于“点击按钮出数据...
vue组件中点击按钮后修改输入框的状态实例代码
08-30
本例中，我们探讨的是如何在Vue组件中通过点击按钮改变输入框（`<el-input>`）的状态，使其从禁用（disabled）变为可用。我们将分析问题的解决过程，并深入讲解Vue中的相关知识点。 首先，Vue.js提供了双向数据绑定...
JS实现点击按钮自动增加一个单元格的方法
01-21
本文实例讲述了JS实现点击按钮自动增加一个单元格的方法。分享给大家供大家参考。具体分析如下： 这是一个网页在线自助生成表格的特效代码。 核心功能代码是JS实现，点击网页中的添加按钮，网页中自动增加一个单元格...
JTable表格单元加按钮，并且响应点击事件Demo.rar
04-12
用改写 DefaultCellEditor 和 TableCellRenderer的方法实现，主要代码： table.getColumnModel().getColumn(2).setCellEditor(new MyButtonEditor()); table.getColumnModel().getColumn(2).setCellRenderer...
帆软插入行可以新增值
sinat_40049561的博客
06-19 1809
finereport 添加序号
热门推荐
二黑的博客
02-13 1万+
概述： 报表系统中，往往要对数据进行编号处理，在FineReport中可以使用=seq()函数以及=&amp;cell这两种方法获取序号。 对于网格式报表即数据设置是列表显示的，可以直接在单元格中填写=seq()或者=&amp;cell，然后设置下该单元格的左父格即可。 对于数据设置是分组显示的，两种设置的效果是不同的，即组内序号和组间序号。 1、seq() seq()函数返回值为数值，...
FineReport——插入行策略
weixin_30466039的博客
10-16 660
1.空值是默认的选项，即每次插入新行时，格子都是空白的。 2.原值即单元格中原有内容是什么，就复制到新增的格子中，一般适用于单元格是使用公式定义的， 在插入单元格时，公式会保留下来。 3.默认值即通过定义字符串，数字，布尔型，日期型或公式型来定义添加行时单元格内的内容。除公式类型外，其它的类型仅仅是插入内容格式的不同，但每次插入的都是固定值。可以使用公式插入动态的值。 示例：如果插入行的数据...
calenderJS.js
Discussing的专栏
06-05 1915
/** author: misshjn* email: misshjn@163.com* homepage: www.happyshow.org* createDate: 2007-02-23*/function HS_DateAdd(interval,number,date){ number = parseInt(number); if (typeof(date)
英语字母大小写转换
Discussing的专栏
06-08 1249
 范例13-1function setCase (caseSpec){ if (caseSpec == "upper")  {     //将First name转换成大写     document.myForm.firstName.value=document.myForm.firstName.value.toUpperCase();     //将lastName转换成大写     docum
HTML表格 点击按钮增加一行，增加一行的单元不再被选中，就会将其设置为不可编辑状态
05-21
可以通过以下步骤实现： 1. 在 HTML 表格中，为“增加行”按钮添加一个点击事件处理程序。 2. 在事件处理程序中，使用 JavaScript 创建一个新行并将其添加到表格中。 3. 获取新行中的所有单元格，并将它们设置为不可编辑状态。 以下是一些示例代码，演示如何实现这一功能： HTML 代码： ```html <table id="myTable"> <thead> <tr> <th>Name</th> <th>Age</th> <th>Actions</th> </tr> </thead> <tbody> <tr> <td contenteditable="true">John Doe</td> <td contenteditable="true">30</td> <td><button onclick="addRow()">Add Row</button></td> </tr> </tbody> </table> ``` JavaScript 代码： ```js function addRow() { // 获取表格和表体元素 const table = document.getElementById("myTable"); const tbody = table.querySelector("tbody"); // 创建新行和单元格 const row = document.createElement("tr"); const nameCell = document.createElement("td"); const ageCell = document.createElement("td"); const actionsCell = document.createElement("td"); // 将单元格添加到新行 row.appendChild(nameCell); row.appendChild(ageCell); row.appendChild(actionsCell); // 向表体添加新行 tbody.appendChild(row); // 设置新行单元格的内容和属性 nameCell.contentEditable = true; ageCell.contentEditable = true; actionsCell.innerHTML = '<button onclick="addRow()">Add Row</button>'; // 获取新行中的所有单元格，并将它们设置为不可编辑状态 const cells = row.querySelectorAll("td"); cells.forEach(cell => { cell.addEventListener("click", () => { cell.contentEditable = false; }); }); } ``` 在这个示例代码中，我们首先获取了表格和表体元素，并创建了一个新的行和单元格。然后，我们将单元格添加到新行中，并将新行添加到表体中。接下来，我们设置新行单元格的内容和属性，并为新行中的所有单元格添加了一个点击事件处理程序。在单元格被点击时，我们将其设置为不可编辑状态，以防止用户意外地编辑已经添加的行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值