我有 5 个网格，全部放置在不同的剑道标签条中。我想要实现的是，当我更新时，我需要提醒用户检查至少一个复选框。但是，当我单击编辑时，我的选择器似乎只获取第一个网格的复选框。其他人什么也没发生。
这是我的网格的第一个选项卡-
<div id="tabstrip-left-A">
<ul>
<li class="k-state-active">
Diagnostic
</li>
<li>
Referrals
</li>
</ul>
<div>
<div id="tabstrip-left-B">
<ul>
<li class="k-state-active">
SubTypes
</li>
<li>
Categories
</li>
<li>
Statuses
</li>
</ul>
<div>
@*Diagnostic*@
@(Html.Kendo().Grid<OSH.Domain.Models.TPSWork.ExcludeFrom>()
.Name("DiagnosticGrid")
.Columns(columns =>
{
columns.Command(command => { command.Edit().Text(" "); command.Destroy().Text(" "); }).Width(180);
columns.Bound(e => e.TPSDiagExclusionID).Width(150).Hidden();
columns.ForeignKey(p => p.OrdConceptID, (System.Collections.IEnumerable)ViewData["OrdConceptShortNameID"], "OrdConceptID", "OrdConceptShortName").Title("Order Concept").EditorTemplateName("OrdConceptID");
columns.Bound(e => e.ExcludeFromReportlist).Width(200);
columns.Bound(e => e.ExcludeFromWorklist).Width(200);
})
.ToolBar(toolbar => { toolbar.Create().Text("Add New Diagnostic Code"); })
.Editable(editable => editable.Mode(GridEditMode.InLine))
.Sortable()
.Pageable()
.Scrollable()
.ColumnMenu()
.Filterable()
.HtmlAttributes(new { style = "height:520px;" })
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.Model(model =>
{
model.Id(p => p.TPSDiagExclusionID);
})
.Read(read => read.Action("ReadDiagnosticCode", "TPSAdmin").Data("FilterOrdConcept"))
.Create(update => update.Action("CreateDiagnosticCode", "TPSAdmin").Data("InsertAdditionalData"))
.Update(update => update.Action("UpdateDiagnosticCode", "TPSAdmin").Data("AdditionData"))
.Destroy(update => update.Action("DeleteDiagnosticCode", "TPSAdmin"))
.Events(events => events.Error("onError").Sync("sync_handler"))
)
.Pageable(x => x.PageSizes(new List<object> { 5, 10, 15, 20, "all" }).Refresh(true))
.Events(e => e.Edit("onDiagnosticGridEdit"))
.Filterable(ftb => ftb
.Extra(false)
.Operators(operators => operators
.ForString(str => str.Clear()
.Contains("Contains")
.IsEqualTo("Is equal to")
.IsNotEqualTo("Is not equal to")
))
)
.Sortable()
.Groupable()
.Resizable(resize => resize.Columns(true))
.Reorderable(reorder => reorder.Columns(true))
)
</div>
<div>
@*Categories*@
@(Html.Kendo().Grid<OSH.Domain.Models.TPSWork.ExcludeFromDiagCategories>()
.Name("DiagCategoriesGrid")
.Columns(columns =>
{
columns.Command(command => { command.Edit().Text(" "); command.Destroy().Text(" "); }).Width(180);
columns.Bound(e => e.ID).Width(150).Hidden();
columns.ForeignKey(p => p.OrdCategoryID, (System.Collections.IEnumerable)ViewData["DiagCategDescID"], "OrdCategoryID", "OrdCategoryDesc").Title("Category").EditorTemplateName("OrdDiagCategID");
columns.Bound(e => e.ExcludeFromReportList).Width(200);
columns.Bound(e => e.ExcludeFromWorkList).Width(200);
})
.ToolBar(toolbar => { toolbar.Create().Text("Add New Category"); })
.Editable(editable => editable.Mode(GridEditMode.InLine))
.Sortable()
.Pageable()
.Scrollable()
.ColumnMenu()
.Filterable()
.HtmlAttributes(new { style = "height:520px;" })
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.Model(model =>
{
model.Id(p => p.OrdCategoryID);
})
.Read(read => read.Action("ReadDiagCategories", "TPSAdmin").Data("FilterDiagCategories"))
.Create(update => update.Action("CreateDiagCategories", "TPSAdmin").Data("InsertDiagCategData"))
.Update(update => update.Action("UpdateDiagCategories", "TPSAdmin").Data("AdditionData"))
.Destroy(update => update.Action("DeleteDiagCategories", "TPSAdmin"))
.Events(events => events.Error("onError").Sync("sync_handler"))
)
.Pageable(x => x.PageSizes(new List<object> { 5, 10, 15, 20, "all" }).Refresh(true))
.Events(e => e.Edit("onDiagCategGridEdit"))
.Filterable(ftb => ftb
.Extra(false)
.Operators(operators => operators
.ForString(str => str.Clear()
.Contains("Contains")
.IsEqualTo("Is equal to")
.IsNotEqualTo("Is not equal to")
))
)
.Sortable()
.Groupable()
.Resizable(resize => resize.Columns(true))
.Reorderable(reorder => reorder.Columns(true))
)
</div>
<div>
@*Statuses*@
@(Html.Kendo().Grid<OSH.Domain.Models.TPSWork.ExcludeFromDiagStatuses>()
.Name("DiagStatusesGrid")
.Columns(columns =>
{
columns.Command(command => { command.Edit().Text(" "); command.Destroy().Text(" "); }).Width(180);
columns.Bound(e => e.ID).Width(150).Hidden();
columns.ForeignKey(p => p.StatusID, (System.Collections.IEnumerable)ViewData["StatusNameID"], "StatusID", "StatusName").Title("Status Name").EditorTemplateName("DiagStatusExclusionEdit");
columns.Bound(e => e.ExcludeFromReportList).Width(200);
columns.Bound(e => e.ExcludeFromWorkList).Width(200);
})
.ToolBar(toolbar => { toolbar.Create().Text("Add New Status Type"); })
.Editable(editable => editable.Mode(GridEditMode.InLine))
.Sortable()
.Pageable()
.Scrollable()
.ColumnMenu()
.Filterable()
.HtmlAttributes(new { style = "height:520px;" })
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.Model(model =>
{
model.Id(p => p.ID);
})
.Read(read => read.Action("ReadDiagStatuses", "TPSAdmin").Data("FilterDiagStatuses"))
.Create(update => update.Action("CreateDiagStatus", "TPSAdmin").Data("InsertDiagStatusData"))
.Update(update => update.Action("UpdateDiagStatus", "TPSAdmin").Data("AdditionData"))
.Destroy(update => update.Action("DeleteDiagStatus", "TPSAdmin"))
.Events(events => events.Error("onError").Sync("sync_handler"))
)
.Pageable(x => x.PageSizes(new List<object> { 5, 10, 15, 20, "all" }).Refresh(true))
.Events(e => e.Edit("onDiagnosticStatusEdit"))
.Filterable(ftb => ftb
.Extra(false)
.Operators(operators => operators
.ForString(str => str.Clear()
.Contains("Contains")
.IsEqualTo("Is equal to")
.IsNotEqualTo("Is not equal to")
))
)
.Sortable()
.Groupable()
.Resizable(resize => resize.Columns(true))
.Reorderable(reorder => reorder.Columns(true))
)
</div>
</div>
这是我的 AdditionData 函数 -
function AdditionData() {
var grid = $("table[role='grid'").data("kendoGrid");
var reportList = $("table[role='grid'] input[name='ExcludeFromReportlist'][type='hidden']").val();
var workkList = $("table[role='grid'] input[name='ExcludeFromWorklist'][type='hidden']").val();
if (reportList == "false" && workkList == "false") {
alert("One checkbox must be checked.")
return;
}
else {
return {
OrdConceptIDData: $("#OrdConceptID").val(),
OrdCategoryIDData: $("#OrdDiagCategID").val(),
DiagStatusID: $('#StatusID').val(),
RefAuthTypeID: $("#ReferralAuthorizationTypeID").val(),
RefStatusIDData: $("#ReferralAuthorizationStatusID").val(),
RefSubTypeIDData: $("#SpecialtyID").val()
}
}
}
当我单击“更新”时，这只会给我第一个网格的复选框值。但对于其他选项卡，什么也没有发生。这是让我陷入困境的部分。
谢谢!
最佳答案
那是因为你实际上只得到第一个网格:
var grid = $("table[role='grid'").data("kendoGrid");
上面的代码 - 除了拼写错误之外 - 仅返回第一个网格，即使您的选择器匹配多个元素也是如此。
尝试循环:
function AdditionData() {
var checkBoxes = true;
$("table[role='grid']").each(function() {
var subCheckBoxes = false,
grid = $(this).closest(".k-grid"); // Get the real grid wrapper element
$("input[name='ExcludeFromReportlist'][type='hidden'], input[name='ExcludeFromWorklist'][type='hidden']", grid).each(function() {
if (!$(this).is(":checked")) {
// If ANY checkbox is checked, then it is valid.
subCheckBoxes = true;
return false; // Exits loop
}
});
// If ANY grid has no checkboxes checked, then it is invalid.
if (!subCheckBoxes) {
checkBoxes = false;
return false; // Exits loop
}
});
if (!checkBoxes) {
alert("One checkbox must be checked.")
return;
}
else {
return {
OrdConceptIDData: $("#OrdConceptID").val(),
OrdCategoryIDData: $("#OrdDiagCategID").val(),
DiagStatusID: $('#StatusID').val(),
RefAuthTypeID: $("#ReferralAuthorizationTypeID").val(),
RefStatusIDData: $("#ReferralAuthorizationStatusID").val(),
RefSubTypeIDData: $("#SpecialtyID").val()
}
}
}
关于javascript - JQuery - 选择器仅获取剑道选项卡条中第一个网格的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47045300/