如何在单击按钮Angularjs时获取表格行值
在单击按钮AngularJS时获取表格行值的方法可以通过以下步骤实现：
- 首先，在HTML中创建一个表格，并为每一行的按钮添加一个点击事件。例如：
<table>
<tr ng-repeat="item in items">
<td>{{item.name}}</td>
<td>{{item.age}}</td>
<td><button ng-click="getRowValue(item)">获取值</button></td>
</tr>
</table>- 在AngularJS的控制器中，定义一个函数
getRowValue来获取表格行的值。该函数将接收一个参数，即当前行的数据对象。例如：
$scope.getRowValue = function(item) {
console.log(item); // 在控制台打印当前行的数据对象
};- 当点击按钮时，
getRowValue函数将被调用，并传递当前行的数据对象作为参数。你可以在该函数中执行任何你想要的操作，例如将数据发送到服务器或更新其他UI元素。
这种方法可以让你在单击按钮时获取表格行的值，并对其进行进一步处理。你可以根据实际需求修改代码，例如将数据存储到数据库或执行其他业务逻辑。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯区块链服务（TBCS）：https://cloud.tencent.com/product/tbcs
- 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse
相关·内容
有没有什么方法可以扩展表格数据以显示更多的行？官方的Ant设计文档对此需求帮助不大，因为他们只有用于行扩展的实例。但我需要在单击某种"Show More“like按钮时展开整个表格。真的很感谢你的帮助。
Table before expansion
Table After clicking on the Show More Button
浏览 7提问于2020-11-25得票数 0
4回答
我有一个动态生成的表。在它的一行中，我放置了按钮。
for (var i = 0; i < resp.length; i++) {
tr = tr + "<tr>";
tr = tr + "<td >" + resp[i].Date + "</td>";
tr = tr + "<td >" + resp[i].age + "</td>";
tr = tr + "<td >" + resp[i
浏览 17提问于2017-07-24得票数 0
1回答
我正在excel中创建一个表格，用户可以在其中使用命令按钮创建指向文档的可单击链接。
该表有各种公式来计算日期等，并且它是一个excel表，而不是excel中的单元格范围。
到目前为止，我已经复制了大约100行的按钮。
如何让文件链接按钮对每一行重复？
浏览 8提问于2019-07-19得票数 0
1回答
这个要求很简单，但我不知道该怎么做。有一个带有单选按钮(或复选框，但只允许选择一行)列的单元格表格，在用户选择该行后，有一个按钮，用户可以单击该按钮查看该行的详细信息。
该怎么做呢？
我尝试选择，但我假设用户源选择行3单选按钮，然后row3底层字段设置为真，然后当用户选择行5单选按钮时，行5对应的字段设置为真，但我没有方法将之前的行3选择字段设置为假。
浏览 0提问于2012-02-23得票数 0
回答已采纳
我有一个表格，其中每个可见的行下面都有一行，其可见性可以通过按下按钮来切换。这方面的现场演示可以在上找到。
我刚开始使用jQuery，老实说，我遇到的问题可能是一个简单的修复方法。首先，我希望可切换的行在默认情况下是隐藏的，并且只在单击按钮时显示(现在它们在页面加载时显示)。我该怎么做呢？
要隐藏这些行，我需要执行以下操作：
$(document).ready(function(){
$("#button1").click(function(){
$(".trhideclass1").toggle();
});
});
$(do
浏览 0提问于2016-06-23得票数 0
我一直在尝试在单击UITableViewCell中的按钮时显示一行的信息标签。但是当滚动表格时，我无法获得单元格的坐标。有人能帮帮忙吗？
浏览 1提问于2010-02-15得票数 0
1回答
我有一个jsp，它动态地从db检索数据，并以表格的形式显示。每一行都有一个带有单选按钮的更新按钮。每当我在任何行上单击update时，它都会进入下一个更新页面，其中只有第一行值。请告诉我如何才能获得剩余的行以进行更新。
提前谢谢你
浏览 0提问于2016-10-13得票数 0
我有一个表行上的单击事件，在这一行还有一个单击事件的删除按钮。当我点击删除按钮单击该行上的事件也被触发。
这是我的代码。
<tbody>
<tr ng-repeat="user in users" class="repeat-animation" ng-click="showUser(user, $index)">
<td>{{user.firstname}}</td>
<td>{{user.lastname}}</td>
<td>
浏览 464提问于2017-12-22
我在一张桌子上创建了一个报告和表格。表单页是“表格表单”，其中所有列都是可编辑的。在“表单”页面中，我有一个查找按钮。单击此按钮，它将导航到新页面，该页面的顶部有一个带有“行选择器”的报表。
当用户可以选择行列表并单击submit时，所选的行应该被插入到表格表单页面中。你能解释一下我是怎么做到的吗。
浏览 1提问于2018-03-02得票数 0
2回答
我想知道如何在下面的列中获取所选行的表行值。在表中使用复选框选择行并单击更新按钮时，我需要行id、行名、行值。这是plunkr
html code:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<table st
浏览 6提问于2017-03-14得票数 1
回答已采纳
我需要内联编辑表，即编辑中间的表行。我有一个用数据填充的表，每一行的末尾都有一个名为Edit的按钮。当我单击此按钮时，将打开一个对话框，其中包含特定行的内容。我只想编辑这些详细信息，当单击对话框中的保存按钮时，这些详细信息应该动态更新到表中。
非常感谢您的及时帮助。我使用的是angularjs的角度材质。
浏览 7提问于2017-02-02得票数 1
1回答
如何在Grails中实现一个具有按钮的表格单元格，按下该按钮将更改同一行单元格中的数据？假设表只有id、assignment、accepted (yes，no)字段。默认情况下，Accept的值是no，当您单击Accept按钮时，它会变为yes。
我应该使用Grails UI数据表还是jQuery网格？
浏览 2提问于2011-11-08得票数 0
回答已采纳
我在angularjs视图中使用ng-repeat构建了一个表。在每个表格行中都有一个按钮。如果您单击该按钮，将显示详细信息行。
此详细信息行有一个表单和另一个ng-repeat-table。
在第二个表中有用于删除和编辑的按钮。表单包含两个下拉输入，用于编辑第二个表的行的内容。
如果我单击第二个表中的delete或edit按钮，应该会用传递的数据填充表单域(下拉列表)。如何使用angularjs以编程方式完成此操作？
浏览 3提问于2016-04-27得票数 0
我有一个命令按钮和一个表格。单击命令按钮时，我希望将一个列属性值从"P“更改为"R”。我如何才能做到这一点？
浏览 6提问于2018-12-19得票数 0
1回答
单击每行第一列中的(+)按钮时，应展开其他行。但是，在单击(+)按钮时，我只能扩展到一行。如何在单击(+)按钮时展开表格中的多个行。提前谢谢。
<div>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th scope="col"></th>
<th scope="col">Country</th>
<t
浏览 2提问于2018-01-23得票数 1
回答已采纳
3回答
我正在接收来自服务器的数据列表，并在每一行中使用ng-重复和复选框以表格格式显示该列表。我的要求是在单击removeUserData按钮时将选定的行传回服务器。我正面临问题来完成它，帮助将不胜感激。
<table border="2" border-color=black>
<tr data-ng-repeat="user in users">
<td><input type="checkbox"></td><td>{{user.id}}
浏览 2提问于2016-08-06得票数 0
回答已采纳
2回答
我的代码中有一个绑定到dataGridview的DataTable。
当我从数据库中获取数据时，网格视图工作正常。它充满了数据。我想要做的是获取指定行的主键值。
例如：
PK Address Phone
1 xxxyyyzzz... 1234567
2 aaabbbccc... 2345678
我想要的是这个。用户将单击任何行，然后单击一个按钮来添加一些内容。然后我会得到PK值，然后做其他的事情。
我该怎么做呢？
浏览 0提问于2011-12-19得票数 1
回答已采纳
我有一个计算模型，它根据查询生成记录。单击update按钮时，我希望在与Update相同的行中提取Certificate_ID值。首先，我尝试通过将以下代码附加到Update‘attaching事件来返回行的索引。尝试使用以下代码，但未获得所需的结果。
返回行中按钮的位置：
var index = widget.childIndex;
在第一个按钮上返回空白，为第二个按钮返回1：
var index = widget.parent.childIndex;
附录中的表格：
有数据的表格：
浏览 0提问于2018-10-02得票数 0
回答已采纳
嗨，我有一个表格，里面有电子邮件，标题，颜色……
我有两个按钮“保存”和“撤消更改”。
我需要这个按钮将永远被禁用，接受，如果有什么改变。例如，我开始改变电子邮件，然后我考虑。当我键入新的电子邮件按钮时，应该启用，但是单击其中一个按钮后，它们应该再次被禁用。
<form name="form" ng-submit="change()" novalidate>
<input type="text" ng-model="title"/>
<input type="email"
浏览 4提问于2015-07-28得票数 3
回答已采纳
2回答
我在第一页的表格里有一个按钮。当我点击按钮时，我想保存面板Id并显示在下一页上。如何在angular中调用数据？我被困在那里快一个星期了，所以我拼命地寻求帮助。这些是针对我的问题的图像。enter image description here，这是第一页，每一行都有按钮。 单击Assign后，应显示ship name和panel name的只读数据。enter image description here
浏览 21提问于2020-12-16得票数 0
2回答
我想通过jQuery使表格可内联编辑。当我按下编辑按钮时，表行变为可编辑状态，以前的值也显示在文本字段中。但是，当我输入新值并按下保存按钮时，我没有得到更新的值，数据库也保持不变。
获取要在可编辑的表行中显示的前一个值的代码为：
var nam =$("#name_"+id).html();
使表行可编辑的代码为：
$("#name_"+id).html("<input type='text' name='name' id='name_"+id+"' value='"+
浏览 1提问于2014-11-19得票数 1
我目前正在尝试读取一个被JavaScript修改过的超文本标记语言表格。我当前加载一个HTML表格，当我单击某个单元格时，使用Javascript更改该单元格中的单词。我需要从该表中抓取所有被单击的行(单词从原始HTML加载更改)，当按钮被单击时，将打开一个新页面，其中只包含“已单击”的行信息。任何帮助都是最好的！谢谢！！
浏览 1提问于2013-08-28得票数 0
我想要编辑表行，因此对于单击时，我想使列作为文本框，以便我可以编辑和保存。
另外，如何在单击add按钮时动态添加行。我知道如何使用jQuery，但对ember一无所知。
谢谢!
我想在Ember中效仿这种行为。
这个jsbin有一个表格和一个按钮。单击按钮时，在表格中添加动态行，并将列作为文本框，以便用户可以输入数据，按下另一个按钮即可保存数据。
浏览 2提问于2014-10-28得票数 1
我正在用asp.net webform和angularJs开发一个应用程序。我有表格。表单以表格格式加载数据。每行都有一个编辑按钮。编辑按钮的目的是编辑行。编辑按钮的类型是“提交”。因此，当我单击“编辑”按钮时，它会刷新表单。但我想防止这种情况发生。所以我在我的控制器里写了一个方法。但这不管用。守则如下：
<form id="form1" name="form1" runat="server" ng-submit="sendForm(form1)">
<button type="submit" n
浏览 0提问于2014-11-26得票数 1
回答已采纳
2回答
表格的每一行都有按钮。当用户单击它时，会触发一个甜蜜警报，以显示确认窗口。如果用户单击yes，则执行AJAX来发布行值。
post过程正在工作，但在AJAX成功调用后，我无法更改按钮属性和标签文本。这是我的脚本。
$("#tbl_list_pemenuhan tbody").on('click','.btn_memo', function() {
var no_penuh = $(this).closest('tr').find("td:eq(1)").text()
浏览 0提问于2018-03-01得票数 1
回答已采纳
我使用AngularJS和twitter引导。
我有一个表，这个表属于父控制器。
我有一个弹出窗口，这是儿童控制器的。
当用户单击表中的一行时，将显示弹出窗口，并包含有关所选行的更多信息。
以下是我当前代码的样子：
function ParentCtrl($scope) {
//called when a row is clicked
$scope.showMoreInfo = function() {
$scope.showModal = true;
}
}
function ChildCtrl($scope) {
$scope.$watch
浏览 5提问于2013-04-07得票数 0
回答已采纳
2回答
你能告诉我如何在angular js ..Actually中更新列表项吗?我正在使用add按钮添加项目，.it是动态生成的行，.there是行上的更新和删除按钮，在全屏..please上检查.when你按下delete按钮，它会删除正在运行的行.I也需要使用更新按钮来更新行。当我单击更新按钮时，我在输入字段.But中设置了值，我需要更改按钮“更新”而不是“添加”按钮的文本，用户可以通过单击更新来更新值，这也会在列表中反映出来
下面是我的代码
var app=angular.module('app', ['ui.bootstrap']);
app.controll
浏览 2提问于2015-08-25得票数 0
我有一个项目的表格视图，当我单击一行时，我想使用uialertview视图和uiactionsheet的按钮:编辑，删除和取消。当我单击按钮编辑时，我将打开一个模式视图。以前，我已经编辑了模式视图，当我单击一行时，我将转到编辑模式视图，但现在我想添加uiactionsheet，那么我该怎么做呢？
浏览 1提问于2012-08-21得票数 0
回答已采纳
1回答
我有一个表格，在每一行的最后一个单元格中有一个按钮，当我点击那个按钮时，同一行的其他单元格的值存储在一个数组中，现在我想如果我点击按钮，它的行的值应该存储在一个正在工作的数组中，但是如果我点击另一行的另一个按钮，它的行值应该存储在另一个数组中，而不是覆盖第一个数组中的值，当我在另一行第三次点击按钮时，它应该会给出这样的信息：“你已经选择了2行”我不希望如果我第三次点击按钮，它应该不将其值存储在任何数组中，我希望第一次单击和第二次单击应该将其相应的值存储在不同的数组中 $('#tbl tbody').on( 'click', 'td:last-c
浏览 13提问于2019-09-08得票数 0
回答已采纳
我在表格视图单元格上有三个按钮，必须在它下面的标签上显示一些文本，但当我单击按钮并选择文本时，它会显示在所有行中，如果第二个按钮单击第一个标签的数据，那么它们的任何方法都可以分别填充到表格视图的单元格中
浏览 0提问于2012-02-10得票数 0
回答已采纳
3回答
我被一个有趣的问题困住了，
我正试图做这样的事情：
输入键1，输入值1
输入键2，输入值2<按钮添加更多>
<提交按钮>
基本上，用户可以单击submit并向给定的URL发出Get请求。现在，当他单击“添加更多”时，会出现一个带有两个输入字段的新行，在该字段中，他可以添加更多的http参数。
我试过编写代码，但我很接近于此：
你能帮帮我吗..。
两个问题：
如何在单击加号框后动态添加新行？
MyApp.directive(“选项”，函数()){返回{限制：“E”，模板：“”}
})
Ok使用$compile：解决了第一个问题
如何获得所有参数并发
浏览 6提问于2014-10-21得票数 0
我有一个简单的表，它从localStorage加载数据。单击“删除”按钮后，将删除行(每次单击1次)，并删除localStorage中的键。
orderBy 博士导致索引的跟踪丢失
现在，这个问题发生在我引入“排序”和“反向排序”功能时。简而言之，这是我的代码。
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th>
浏览 1提问于2017-06-16得票数 0
回答已采纳
我使用django-tables2呈现一个表。
class VehiclesTable(tables.Table):
id = tables.TemplateColumn(verbose_name=' ',template_name='editButton.html')
plate = tables.Column(verbose_name='plate')
vht_id = tables.Column(verbose_name='vht_i')
vlength = tables.Column(ver
浏览 1提问于2012-09-06得票数 0
回答已采纳
我在按钮内部创建一个函数，并在外部调用该函数。当我点击按钮时就会呼叫...
在函数内部。创建一个表格布局和表格行。在表格行中，我正在创建编辑文本。如何验证编辑文本并存储值。
假设我第一次点击按钮意味着将显示一个编辑文本，在输入值后，然后我单击按钮将显示另一个编辑文本，依此类推…如何将值存储在数组列表中。并验证编辑文本，如果它为null，则表示按钮不会。
浏览 1提问于2011-06-16得票数 0
我正在使用安卓工作室与SQLite数据库是内置的，我正在从一个2列的表格到TextView中提取一些文本。
当Activity启动时，我想使用下一步和上一步按钮，它加载TextView中的表的第一条记录，但当我单击下一步按钮时，它应该提取TextView中表的下一行，当我单击上一步时，它应该提取表的上一行。
我是Android的新手，我搜索了一下，但不幸的是什么也没找到。
浏览 0提问于2019-03-16得票数 0
我有一个通过AngularJS绑定到数据的超文本标记语言表格。为了简单起见，我们假设它有两列: CustomerId和CustomerName。
当用户单击行(或加号、按钮、链接等都无关紧要)时，我希望展开该行下面的部分，进行ajax调用，并显示结果数据。我还想折叠之前展开的行(如果有)。
这看起来像是一个DOM操作任务，我知道如何在JQuery中做到这一点(或者至少能弄清楚)，但我想正确地完成它(即“角度方式”)。
浏览 0提问于2013-06-03得票数 4
回答已采纳
我的前端有两个空文本框，一个是键，另一个是值，一个是add按钮，一个submit button.User可以单击add按钮，再添加两个文本框，每个文本框分别代表键和值。
用户可以在文本框中添加任何文本作为键，任何文本作为值。提交按钮是提交最后的表格。我希望在angularJS中获取这些数据，并通过post请求将这些数据进一步传递给java。
具体来说，java中的Map在转换为Json时如下所示。
{"A":"something","B":"something","C":"something",&#
浏览 3提问于2016-04-25得票数 2
回答已采纳
2回答
单击在表中添加新行
、、、
我刚开始学角度，我有一张桌子和一颗纽扣。单击该按钮，应该会在表格中添加一个新行，就像上一行一样。我已经在下面添加了stackblitz链接。我正在努力提前弄清楚out.thanks。
浏览 18提问于2020-02-21得票数 0
回答已采纳
2回答
如何设置卷轴位置靠近垫排的角度？
、、、、
我把20多张唱片装到了角质材料表上。当我单击一行时，它会导航到页面。当我按回按钮时，它会返回到表格页。问题是，当我单击表的最后一行时，滚动位置会转到顶部。我只想在单击的行附近设置滚动位置.
我如何实现这一点，并参考下面的链接代码。
浏览 2提问于2021-09-26得票数 1
回答已采纳
我有一个包含表格的JSP页面。当我点击表格的某一行时，启动JQuery对话框，其中的数据来自对话框内部的那一行。我可以更改数据，当我单击按钮应用程序时，将数据保存到数据库中。
当我向DB写入数据时，我想用新数据刷新该行。现在我需要按下F5来做这件事。
有没有什么javascript函数可以在我更新数据库时自动执行。
浏览 8提问于2012-01-11得票数 0
回答已采纳
1回答
当文本中没有一个或多个标签时，我使用以下函数禁用按钮： $scope.btnSendAll = function() {
const description = $('#email_campaign_description');
const tags = ('[nome]',
'[consumer_current_points]',
'[desconto]',
'[vendor_name]',
'[vendor_min_points]'
浏览 26提问于2020-10-27得票数 0
如何为UIButton赋值，以便当我单击它时，它应该返回该值。例如:如果我有10个按钮，当我单击第一个按钮时，它应该返回01，当我单击第二个按钮时，它应该返回02，依此类推。
浏览 0提问于2013-10-01得票数 0
我有一个用SQLite编写的表，其中有大约100行和6列文本(不超过数百个字符)。每次单击一个按钮，程序都会在视图中显示表格中一行的内容。
我的问题是，我应该将整个表的内容复制到一个数组中，然后在每次用户单击按钮时从数组中读取，还是每次用户单击按钮时我都访问数据库中的表？哪一个更有效率？
浏览 1提问于2012-07-11得票数 1
回答已采纳
我使用jquery datatable来显示数据。让我显示id、name、pass和control。在id、name、pass中显示数据，但在控件中的每一行都有一个按钮。
我只想在单击按钮时获得行信息。我知道当在整行中单击时如何获取数据或特定行。但我只想在按钮点击中获得信息。
我使用以下代码在单击行本身时显示行。
$('#example tbody').on( 'click', 'tr', function () {
console.log( table.row( this ).data() );
} );
浏览 3提问于2017-05-16得票数 0
我有一个jsp页面，其中显示单行与2列。一列是文本框，另一列是从actionForm填充的countryList dropdown。现在我的问题是，我是否可以通过单击“添加行”按钮在表格中添加一行，这样我就可以在新添加的下拉列表中获得完整的countryList。
我不确定这一点，因为单击"Add Row“按钮将调用Javascript方法。而列表将从ActionForm (服务器端)填充。
如果我错了，请纠正我。
浏览 2提问于2015-07-20得票数 0
1回答
从表视图中获取单元格标题
、、、
我有一个自定义的表格视图，每个单元格都有一个标题和一个按钮。当用户单击按钮时，我需要该单元格的标题显示在另一个视图上。我怎么才能得到这个？
浏览 0提问于2011-10-03得票数 0
回答已采纳
要求：
我有一张桌子和一个按钮需要放在我的屏幕上。该表可以有0到多个行。该按钮需要在表格内容的底部以下至少40分，并在屏幕底部以上83分。因此，当只有几行时，按钮远离表格的最后一行，但是当有很多行时，按钮可能不会出现在屏幕上，直到用户向下滚动表格。
我曾考虑使用UITableView页脚，但它总是将按钮放在表内容的最后一行之后。
现在，我正在考虑使用UIScrollView，并将表和按钮放在一个随着表内容增长而增长的视图中。表的高度约束也会增长。我会在按钮上使用不等式约束，所以它总是在表格底部以下至少40分，视图底部以上83分。
但是有没有更好的方法呢？我所描述的似乎有点复杂。
表短时的UI设
浏览 3提问于2019-07-10得票数 0
2回答
我的表格有问题。我想制作标准的PHP，但是AngularJS阻塞了“提交”按钮。
当我单击"Submit“按钮时，它会返回控制台中的一些错误。记住我不想动态地提交。
错误是：
名称=‘’的无效窗体控件不可聚焦。
这个例子
<body ng-app="mainApp">
<form action="post.php" method="post">
<div ng-controller="MainCtrl">
<label for
浏览 0提问于2018-02-18得票数 1
回答已采纳
1回答
我有父级下拉列表与子级下拉值以及添加按钮和删除按钮。如果我在dropdown中选择了任何值，那么当我单击add按钮时，它不应该呈现在另一行下拉列表中，当我单击delete按钮时，它应该删除特定的行，并在以前的下拉列表中添加已删除的下拉值。 使用angular 6从下拉列表/mat选择中添加和删除值 ? component.html Criteria {{select.columnName}}
浏览 20提问于2019-04-02得票数 0
在server management studio 2008中，您可以用鼠标右键单击表，然后点击选择前1000行。是否有按钮或快捷方式来编辑返回的行之一，而不是再次右键单击表格，然后单击编辑前200行。
浏览 1提问于2009-05-19得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
