10 examples of 'javascript delete table row onclick' in JavaScript

448
function deleteRow() {
449
  const row = Number(document.getElementById('delrow').value);
450
  app.tasks = app.tasks.filter((task, index) => {
451
    if (index === row) {
452
      console.log('removing task', task, index);
453
    }
454
    return index !== row;
455
  });
456
}

200
function doDelete() {
201
	console.log("doDelete: " + todelete+" "+totalfields);
202
	if (todelete > 0 && todelete <= totalfields) {
203
		var table = document.getElementById("table");
204
		var row = 0;
205
		for (var i = 0; i < totalfields; i++) {
206
			var id = document.getElementById("field" + (i + 1));
207
			console.log(id);
208
			if (id != null && id!= undefined) {
209
				row++;
210
				if (todelete == i + 1) {
211
					console.log("deleteRow: "+(row-1));
212
					table.deleteRow(row-1);
213
					fields--;
214
					disabledDel();
215
					return;
216
				}
217
			}
218
		}
219
	}
220
}

8
async onClickRow(row)
9
{
10
    if (this.clickRowCallback)
11
    {
12
        await this.clickRowCallback(row[this.primaryKey]);
13
    }
14
    this.updateView();
15
}

195
private static deleteRow(e: JQueryEventObject) {
196
    $(e.target).closest("tr").remove();
197
}

231
function delectRowData(rowData){
232
	// 执行删除操作
233
	if(window.confirm('确认要删除['+rowData.title+']?')){
234
		window.alert('当然这只是个示例,并不会真实删除,要不然每天我每天就光填demo数据了.');
235
	}
236
}

637
function deleteClick (e) {
638
    var elem = $(e.currentTarget);
639
    var data = {};
640
    var type = null;
641
642
    // XXXX Maybe cleaner to convert all this to a "data-" prefix and just slurp it all in
643
    if (elem.attr('source_name'))
644
    data["name"] = $(e.currentTarget).attr('source_name'); // from delete_source_button
645
646
    if (elem.attr('prefix'))
647
    data['prefix'] = elem.attr('prefix');  // from delete_campaign_button
648
649
    // From delete_object
650
    if (elem.attr("type")) {
651
    type = elem.attr('type');
652
653
    $.extend(data,
654
         {coll: elem.attr('coll'),
655
             oid: elem.attr('oid'),
656
             name: elem.attr('name'),
657
             object_type: type,
658
             value: elem.attr('vvalue')
659
             });
660
    }
661
662
    // For generic case, freshly implemented using data-del- attributes..
663
    // data-* attributes are also available in jQuery .data camel cased.
664
    if (elem.data("delId")) {
665
    type = elem.data("delType");
666
667
    $.each(elem.data(), function(field,value) {
668
        if (field.substring(0,3) === "del") {
669
            var f = field.substring(3).toLowerCase();
670
            data[f] = value;
671
        }
672
        });
673
    }
674
675
    if (elem.attr('key')) {
676
    $.extend(data, {'key':elem.attr('key')});
677
    }
678
679
    var del_label = elem.attr('title') || 'Delete ' + type.capitalize();
680
    if (elem.data("isObject")) {
681
    delete_object_click(e, type, del_label, data);
682
    } else {
683
    delete_item_click(e, type, del_label, data);
684
    }
685
}

389
private _handleRowClick(ev: Event) {
390
  const rowId = (ev.target as HTMLElement)
391
    .closest("tr")!
392
    .getAttribute("data-row-id")!;
393
  fireEvent(this, "row-click", { id: rowId }, { bubbles: false });
394
}

168
function deleteAction(rows, callback) {
169
  Model.deleteRows(table, rows, () => {
170
    return callback();
171
  });
172
}

273
function OnDelete(that) {
274
	getSelected(that);
275
	if (nodeEdit.length == 0) {
276
		createModalTips("请选择要删除的列表！");
277
		return;
278
	}
279
	createModalTips("删除后不可恢复。<br />确定要删除？", "DoDelete");
280
	$('#modal_tips').modal("show");
281
}

125
deleteData(id: string): void {
126
    alert('Delete data: ' + id);
127
}