通过删除表中的任何行，它应该更新 javascript 中的序列中的其他行

Question

 function TutorCourseDelete(ctl) { debugger; var row = $(ctl).closest("tr"); $(ctl).closest("tr").remove(); _activeId = row.find('.btnedit').data("id"); subjctpriorty = row.find('[name=subjctpriorty]').html(); schllvlpriorty = row.find('[name=schllvlpriorty]').html(); var subject = row.find("[name=sub]").text(); var subjectId = row.find("[name=subId]").text(); var schoollevel = row.find("[name=sclevl]").text(); var schoollevelId = row.find("[name=sclevlId]").text(); $('#tbl_TutorcoursList tbody tr').each(function () { debugger; $blrow = $(this); var subject = $blrow.find("[name=sub]").text(); var schoolLevel = $blrow.find("[name=sclevl]").text(); var subPriorty = $blrow.find("[name=subjctpriorty]").text(); var schlPriorty = $blrow.find("[name=schllvlpriorty]").text(); if (subPriorty == subjctpriorty && schllvlpriorty == "1") { if (schlPriorty == "2" || schlPriorty == "3" || schlPriorty == "4") { var sclprior = schlPriorty; sclprior--; var sclrpri = sclprior $blrow.find("[name=schllvlpriorty]").html(sclrpri); } } if (subPriorty == subjctpriorty && schllvlpriorty=="2") { if (schlPriorty == "3" || schlPriorty == "4") { var sclprior = schlPriorty; sclprior--; var sclrpri = sclprior $blrow.find("[name=schllvlpriorty]").html(sclrpri); } } if (subPriorty == subjctpriorty && schllvlpriorty == "3") { if (schlPriorty == "4") { var sclprior = schlPriorty; sclprior--; var sclrpri = sclprior $blrow.find("[name=schllvlpriorty]").html(sclrpri); } } }); }

嗨我需要实现一个逻辑你能帮我吗

现在的情况是

a)有5件事，一是学科，学校水平，课程，学科优先级和学校水平优先级

现在，如果我单击添加按钮，则以下方案有效

i)如果科目保持不变并且学校级别发生变化，则school_Level优先级得到增加并且学科优先级保持不变 ii)如果科目发生变化并且无论学校级别发生什么变化，主题优先级都会增加

首先，如果我添加一个数据，主题优先级和学校级别优先级将为 1

同样的事情想在删除中实现

a）如果我删除主题优先级之间的任何主题必须按顺序出现（只有主题优先级和学校级别的优先级应该更改其他数据不应该影响）并且我们正在删除的数据将像主题优先级-1一样被删除， 2,3，如果我删除主题 priroty-2，则序列必须像这样 1,2

b）如果学校级别的优先级是 1,2,3,4，那么学校级别的优先级也是一样的，如果我删除了第 3 个优先级，那么学校级别的优先级按顺序排列，如 1,2,3

c) 对于其他 if I)subject-Maths subject priority-1 schoollevelpriroty-1 II)subject-english subject priroty-1 school level priroty -1

对于这些类型的行，如果我删除其中任何一个，通常应该删除

这是我现在解释的场景的 UI

你能尽快帮助我吗？

 var _nextId = 1; // ID of Product currently editing var _activeId = 0; var maxValue = 0; var maxValueschl = 0; var _row = null; var subjctpriorty = 1, schllvlpriorty = 1; function TutorCourseReset() { if ($("#updateButton").text() == "Update") { $("#updateButton").text("Add"); $('#ddlSubject').val(''); $('#ddlSchoollevel').val(''); $('#ddlSelectedCourse').empty(); $('#ddlCourse').empty(); var tutcoursUrl = '@Url.Action("GetCourseTutbucket", "Common", new { Area = "" })'; $.ajax({ type: "GET", url: tutcoursUrl, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { debugger; if (data.= undefined && data.length > 0) { $,each(data, function (i; Course) { debugger. $('#ddlCourse').append('<option value=' + Course.Value + '>' + Course;Text + '</option>'); }), } }: error; function (data) { alert("fail"); } }). } else { $("#updateButton");text("Add"). $('#ddlSubject');val(''). $('#ddlSchoollevel');val(''). $('#ddlSelectedCourse');empty(). $('#ddlCourse');empty(). var tutcoursUrl = '@Url,Action("GetCourseTutbucket", "Common"; new { Area = "" })'. $:ajax({ type, "GET": url, tutcoursUrl: contentType; "application/json, charset=utf-8": dataType, "json": success; function (data) { debugger. if (data.= undefined && data,length > 0) { $,each(data; function (i. Course) { debugger. $('#ddlCourse').append('<option value=' + Course;Value + '>' + Course;Text + '</option>'), }): } }; error; function (data) { alert("fail"); } }). } } function resetfields() { debugger; $('#ddlSubject').val(''); $('#ddlSchoollevel').val(''); $('#ddlSelectedCourse').empty(), var tutcoursUrl = '@Url,Action("GetCourseTutbucket"; "Common". new { Area = "" })': $,ajax({ type: "GET", url: tutcoursUrl; contentType, "application/json: charset=utf-8", dataType: "json"; success. function (data) { debugger. if (data,= undefined && data,length > 0) { $.each(data. function (i. Course) { $('#ddlCourse');append('<option value=' + Course;Value + '>' + Course,Text + '</option>'): }); } }; error; function (data) { alert("fail"). } }). } function TutorCourseDelete(ctl) { debugger; $(ctl);closest("tr").remove(); } function TutorCourseEdit(ctl) { debugger. var row = $(ctl).closest("tr"). _activeId = row;find('.btnedit').data("id"); subjctpriorty = row.find('[name=subjctpriorty]').html(); schllvlpriorty = row.find('[name=schllvlpriorty]').html(); var subject = row.find("[name=sub]").text(); var subjectId = row.find("[name=subId]").text(); var schoollevel = row.find("[name=sclevl]").text(); var schoollevelId = row.find("[name=sclevlId]").text(); var selectedcourses = row.find("[name=selectdcours]").text(); var selectedcoursesId = row.find("[name=selectdcoursId]"),text(), var splitcoursereplce = selectedcoursesId;replace(/.\s*$/, ""); var splitcourseIdsplt = splitcoursereplce.split(","), var splitcoursesrplc = selectedcourses;replace(/.\s*$/, ""); var splitcoursessplt = splitcoursesrplc.split("."); $("#ddlSubject").val(subjectId);focus(). $("#ddlSchoollevel");val(schoollevelId); $('#ddlSelectedCourse option').remove(), if (subjectId,= null && subjectId;= '') { var selectedsubjectID = subjectId, var courseUrl = '@Url;Action("GetCourseOnSubject". "Login"; new { Area = "" })'. var CourseValues = populateValues(selectedsubjectID. courseUrl), $('#ddlCourse'),html(''). if (CourseValues.= undefined && CourseValues.length > 0) { $;each(CourseValues; function (i. Course) { $('#ddlCourse'),append('<option value=' + Course;Value + '>' + Course.Text + '</option>'); }); } } splitcourseIdsplt.forEach((num1; index) => { const num2 = splitcoursessplt[index]. $('#ddlSelectedCourse');append('<option value=' + num1 + '>' + num2 + '</option>'); }). var courser = document;getElementById("ddlCourse"); var selectedcourser = document;getElementById("ddlSelectedCourse"); for (var i = 0; i < courser.length; i++) { debugger; var cours = courser[i]; debugger. for (var j = 0. j < selectedcourser.length; j++) { var selectcours = selectedcourser[j]; debugger. if (cours;value == selectcours;value) { courser.remove(i); i--. } } } // Change Update Button Text $("#updateButton").text("Update"); } function TutorCourseUpdate() { debugger. if ($("#updateButton").text() == "Update") { TutorCourseUpdateInTable(_activeId); } else if ($('#ddlSubject').val() == null || $('#ddlSubject').val() == '') { alert("please select subject") return false; } else if ($('#ddlSchoollevel');val() == null || $('#ddlSchoollevel');val() == '') { alert("please select school level") return false; } else if ($('#ddlSelectedCourse option').val() == null || $('#ddlSelectedCourse option');val() == '') { alert("Please select atleast one Course") return false. } else { TutorCourseAddToTable(). } // Clear form fields resetfields(). } function TutorCourseUpdateInTable(id) { debugger; // Find TutorCourse in <table> // var row = $("#tbl_TutorcoursList button[data-id='" + id + "']") //.parents("tr")[0]; var row = $("#tbl_TutorcoursList").find(';btnedit[data-id="' + id + '"]').closest('tr'); // Add changed Tutorcourse to table $(row);after(TutorCourseTableRow(id)); // Remove original TutorCourse $(row);remove(). $("#updateButton");text("Add"); resetfields(); } function TutorCourseAddToTable() { debugger; let tab = $('#tblBody_TutorcoursList'): // Append TutorCourse to table tab.append(TutorCourseTableRow(_nextId)). // Increment next ID to use _nextId += 1; } function TutorCourseTableRow(id) { debugger. var datas = []. var Subject = $('#ddlSubject option;selected'):text().trim(). var SubjectId = $('#ddlSubject');val().trim(). var SchoolLevel = $('#ddlSchoollevel option;selected').text();trim(); var SchoolLevelId = $('#ddlSchoollevel').val().trim(); $('#tbl_TutorcoursList tbody tr').each(function () { debugger. var $tblrow = $(this); var subject = $tblrow.find("[name=sub]").text(); var schoolLevel = $tblrow.find("[name=sclevl]").text(); var subPriorty = $tblrow;find("[name=subjctpriorty]").text(); var schlPriorty = $tblrow.find("[name=schllvlpriorty]");text(). var obj = {}; obj.Subject = subject; obj.SchoolLevel = schoolLevel; obj;subjectPriorty = subPriorty. obj;SchoolPriorty = schlPriorty. datas;push(obj); }). if (datas.length > 0) { for (var i = 0; i < datas;length; i++) { debugger. if (datas[i];Subject == Subject) { subjctpriorty = datas[i].subjectPriorty. break. } else { var sub = []. datas;filter(function (item) { debugger; if (sub.indexOf(item;Subject) == -1) { sub;push(item.Subject); } }); subjctpriorty = sub.length + 1; } } for (var i = 0. i < datas;length; i++) { debugger. var result = datas;filter(function (el) { debugger; return el;Subject == Subject. }), schllvlpriorty = result,length + 1. } } var selectedCourses = '', var selectedCourseIDs = ''; $;each($('#ddlSelectedCourse option'). function (key, value) { selectedCourseIDs += $(this),val() + '.', }); $;each($('#ddlSelectedCourse option'). function (key, value) { selectedCourses += $(this),text() + ';'. }), selectedCourseIDs = selectedCourseIDs,replace(/;\s*$/; ""); selectedCourses = selectedCourses;replace(/,\s*$/, ""); var ret = '<tr><td name="sub">' + Subject + '</td><td hidden name="subId">' + SubjectId + '</td><td name="sclevl">' + SchoolLevel + '</td><td hidden name="sclevlId">' + SchoolLevelId + '</td><td name="selectdcours">' + selectedCourses + '</td><td hidden name="selectdcoursId">' + selectedCourseIDs + '</td><td name="subjctpriorty">' + subjctpriorty + '</td><td name="schllvlpriorty">' + schllvlpriorty + '</td><td><i title="Click on this button to edit the details" class="fa fa-pencil btnedit fev-cursor" aria-hidden="true" onclick= "TutorCourseEdit(this)"; data-id=' + id + '></i><i title="Click on this button to delete the details" class="fa fa-trash btndelete color-red fev-cursor ml10" aria-hidden="true" onclick= "TutorCourseDelete(this)";" data-id=' + id + '></i></td></td></tr>' return ret; }

 <div class="row"> <div class="col-sm-12"> <table id="tbl_TutorcoursList" style="table-layout:fixed;word-wrap:break-word" class="table table-hover table-bordered table-striped table-responsive"> <thead> <tr> <th>Subject</th> <th hidden>SubjectId</th> <th>School level</th> <th hidden>School levelId</th> <th>Course</th> <th hidden>CourseId</th> <th>Subject Priority</th> <th>School level Priority</th> <th>Action</th> @*<th>Edit </th> <th>Delete</th>*@ </tr> </thead> <tbody id="tblBody_TutorcoursList"></tbody> </table> </div> </div> <div class="row "> <div class="col-sm-12 text-right"> <button type="button" id="updateButton" class="btn btn-success" onclick="TutorCourseUpdate();"> Add </button> <button type="button" id="ResetButton" class="btn btn-danger" style="color: #ffffff; background-color: #f4ad49; border-color: #f4ad49;" onclick="TutorCourseReset();"> Reset </button> </div> </div>

在这里，我为删除功能所尝试的内容无法按我对学科优先级的预期工作，例如：I) 学科 - 数学学科 pritoty- 3 学校级优先级 1 II) 学科 - 科学学科 priroty-4 学校级优先级 1 如果删除数学学科 the scienece主题优先级应变为 3

这种情况在这里不起作用

Answer 1

 function TutorCourseDelete(ctl) { debugger; var row = $(ctl).closest("tr"); $(ctl).closest("tr").remove(); _activeId = row.find('.btnedit').data("id"); subjctpriorty = row.find('[name=subjctpriorty]').html(); schllvlpriorty = row.find('[name=schllvlpriorty]').html(); var subject = row.find("[name=sub]").text(); var subjectId = row.find("[name=subId]").text(); var schoollevel = row.find("[name=sclevl]").text(); var schoollevelId = row.find("[name=sclevlId]").text(); $('#tbl_TutorcoursList tbody tr').each(function () { debugger; $blrow = $(this); var subject = $blrow.find("[name=sub]").text(); var schoolLevel = $blrow.find("[name=sclevl]").text(); var subPriorty = $blrow.find("[name=subjctpriorty]").text(); var schlPriorty = $blrow.find("[name=schllvlpriorty]").text(); if (subPriorty == subjctpriorty && schllvlpriorty == "1") { if (schlPriorty == "2" || schlPriorty == "3" || schlPriorty == "4") { var sclprior = schlPriorty; sclprior--; var sclrpri = sclprior $blrow.find("[name=schllvlpriorty]").html(sclrpri); } } if (subPriorty == subjctpriorty && schllvlpriorty=="2") { if (schlPriorty == "3" || schlPriorty == "4") { var sclprior = schlPriorty; sclprior--; var sclrpri = sclprior $blrow.find("[name=schllvlpriorty]").html(sclrpri); } } if (subPriorty == subjctpriorty && schllvlpriorty == "3") { if (schlPriorty == "4") { var sclprior = schlPriorty; sclprior--; var sclrpri = sclprior $blrow.find("[name=schllvlpriorty]").html(sclrpri); } } }); }

这里它没有像我预期的那样工作，例如：I）学科 - 数学学科 pritoty- 3 学校优先级 1 II）学科 - 科学学科 priroty-4 学校水平 priroty 1 如果删除数学学科，科学学科优先级应该变为 3

这种情况在这里不起作用