我认为我的问题很简单,但我仍然没有找到适合我的答案,无论是在这里还是在那里.. 所以如果有人能帮助我,我会很高兴,不管是提供有用的链接还是其他什么...
我想要达到的目标: 我有一个 Ignite UI Grid (igGrid),我想在其中使用 javascript 删除一行。哪个都不重要。很简单,对吧?
到目前为止我已经尝试过:
- $(row).remove(); -> 在这种情况下,每一行都将被删除
- $(row).remove(1); -> JavaScript 运行时错误:对象不支持属性或方法“替换”
- get_rows():不受 javascript 支持,但它可以在 c# 中工作..
- removeat-method:不受 javascript 支持,但它可以在 c# 中工作..
- igGridSelection:我想保留的选定内容也将被删除
现在是代码片段:
$sender = $(this).attr('id');
$varTablName = gridMap.getVarTable($sender);
var rowCount = $("#" + $varTablName).igGrid("widget").igGrid('rows').length;
$("#" + $varTablName).igGrid("widget").igGrid('rows').each(function (index) {
var row = $("#" + $varTablName).igGrid("widget").igGrid("rowAt", index);
if (rowCount > 1) {
$(row).remove(); //the not quite working part
}
这是可行的,对吧?没有必要一路走下去,用c#写,然后用js调用,对吧..?对吗??^^
最佳答案
Infragistics guide to deleting a row programmatically
$('#grid').igGridUpdating('deleteRow', "AFG");
$('#grid').igGridUpdating('deleteRow', 1, $('#grid').igGrid("rowAt", 0));
继api docs之后-- thnx @KonstantinDinev -- 上面的代码将从网格中删除一行,创建事务并更新 UI。此功能取决于 autoCommit igGrid选项
API 应该始终是第一选项 ^^
我们也可以针对dom元素,自己移除或者隐藏它。删除后,显示的行数会发生变化,但需要更新数据源
http://jsfiddle.net/gtw916um/6/
$(function() {
$("#grid").igGrid({});
//hides 2nd row (index starts at 0)
$("#grid").igGrid("allRows").each(function(index) {
if (index == 1) {
$(this).css("display", 'none');
}
});
//deletes 4th row (index starts at 0)
var row = $("#grid").igGrid("widget").igGrid("rowAt", 3);
$(row).remove();
//un-hiding 2nd row (index starts at 0)
row = $("#grid").igGrid("widget").igGrid("rowAt", 1);
$(row).css("display", 'table-row');
});
未经测试的更新数据方法
$("#grid").data("igGrid").dataSource.deleteRow(3, true);
$("#grid").data("igGrid").commit();
关于javascript - 基础设施 igGrid : how to remove a row with javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36500281/