MVC视图查找匹配行在表中使用javascript
mvc view find matching row in table using javascript
嗨,我正在使用ajax调用更新我的行,现在我想用更新的数据更新我的行,而不刷新页面,现在我正在匹配DisplayName,但我想将它与ID匹配,因为ID是唯一的,我的ID包含在一个表内的隐藏字段中。如何匹配它
ajax调用和javascript
<script type="text/javascript">
function SuspendSharing(selectedContact)
{
var url="@Url.Action("SuspendedSharing", "Sharing")";
var data= { Id: selectedContact };
var type="GET";
CallGet(url, data, type, function (data) { onSuccess(data, selectedContact); });
}
function onSuccess(data, selectedContact) {
data = JSON.parse(data);
$("#message_toast").hide();
var path="@Url.Content("~/Content/MessasgeTemplate.html")";
$("#message_toast").load(path);
$("#SuccessMessage").text();
$("#message_toast").fadeIn("slow", function () { $(this).fadeOut(3000, function () { $(this).children().remove(); }); });
var contactSelector = "td:contains('"+selectedContact+"')";
$contactRow = $(contactSelector).closest("tr");
$contactRow.find("td:nth-child(5)").text("test");
}
function CallGet(url, data, type, onSuccess)
{
$.ajax({
type: type,
url: url,
data: data,
dataType: "json",
success: function (resultdata) {
onSuccess(resultdata);
}
});
}
</script>
视图 <table class="table table-striped m-b-none" id="sharingTable">
<thead>
<tr>
<th class="bg bg-blue">
Name
</th>
<th class="bg bg-blue">
Shared Details
</th>
<th class="bg bg-blue">
Last Used
</th>
<th class="bg bg-blue">
Status
</th>
<th class="bg bg-blue">
Action
</th>
</tr>
</thead>
<tbody>
@foreach (var item in sharing)
{
<tr>
<td>
<input type="hidden" value="@item.ID"/>
@item.Prefix @item.DisplayName
</td>
<td>
@{
foreach (var report in item.SharedReports)
{
<img src="@Url.Content(string.Format("Content/images/sharingReport/{0}.png", report))">
}
}
</td>
<td>
@item.LastUsed
</td>
<td>
@{ var staus = (ContactStatusTypes) item.Status; }
@staus
</td>
<td width="160">
<a class="inline m-sm pointer editSharing" href="@Url.Action("SharingReportDetailsByContactID", "Sharing", new {Id = item.ID})" data-toggle="ajaxModal" name="@item.ID" alt="@prefix @item.DisplayName" title="Edit Sharing"><i class="fa fa-edit "></i>
</a>
<a class="inline m-sm pointer deleteSharing" name="@item.ID" title="Delete Sharing"><i class="fa fa-times "></i>
</a>
<a class="inline m-sm pointer" href="#" onclick=" SuspendSharing('@item.ID') " title="Suspend Sharing"><i class="fa fa-pause "></i>
</a>
</td>
</tr>
}
</tbody>
</table>
在上面的代码中如果我使用@item。ID在不同的td它匹配的值,但如何匹配隐藏字段值。比如
var contactSelector = "td(input):contains('"+selectedContact+"')";
$contactRow = $(contactSelector).closest("tr");//will give me row which I have updated
$contactRow.find("td:nth-child(5)").text(data);
假设您有以下html
<tr class='item'>
<td class='itemId'>@item.ID</td>
<input type="hidden" value="@item.ID" class='hiddenid'/>
//other html
</tr>
如果您试图通过单击它来检索行id,请使用以下命令:
$('tr').on('click', function() {
var id = $(this).find('.hiddenid').val();
var parent = null;
$('.itemId').each(function() {
if ($(this).text() == id) {
parent = $(this).parent(); // this is the matching <tr>
}
});
}
,但我不明白为什么你有一个隐藏的输入和一个td与id?你可以从这两个中选取一个,不需要两次
我认为你需要重写你的问题,你不需要获取隐藏的输入值,然后使用它来获取td
相关文章:
- 如何使用javascript从主svg对象动态创建svg视图框
- 如何包含特定于每个视图angularjs的javascript文件
- 如何在Ionic Android中将Javascript注入到web视图中
- 如何在MVC5中ajax调用的部分视图中引用外部javascript
- 在CodeIgniter视图中将Javascript或jQuery代码作为PHP文件编写可以吗
- 我应该将MVC视图特定的javascript文件放在哪个文件夹中
- 树视图javascript的反向级别
- node.js/javascript/couchdb视图到关联数组似乎不起作用
- 将c#视图模型转换为javascript模型时转义HTML标记
- 如何访问Web2py'中python代码中的JavaScript变量;s视图
- MVC Razor 从 javascript 视图中的控制器获取值
- 使用CakePHP生成Javascript视图块
- 在 Rails 中测试 JavaScript 视图
- 在Couchbase JavaScript视图中是否有可能的全局变量
- Couchbase Java API和javascript视图未返回特定密钥的值
- 主干javascript视图未重新呈现
- 在可嵌入javascript视图中使用mislav_will_paginate
- 将CouchDB javascript视图转换为erlang
- Javascript视图HTML切换
- 如何使用 JavaScript 视图和控制器创建弹出窗口,没有 html