42 lines
1.4 KiB
Plaintext
Raw Normal View History

2025-08-13 11:14:39 +08:00
@{
ViewBag.Title = "lookup";
Layout = "~/Views/Shared/_Form.cshtml";
}
<meta charset="UTF-8">
<head>
<title>DataTables without Pagination</title>
<link rel="stylesheet" href="~/Content/jquery/jquery.dataTables.min.css">
<script src="~/Content/jquery/jquery.min.js"></script>
<script src="~/Content/jquery/jquery.dataTables.min.js"></script>
<style>
/* 选中行高亮 */
#dynamicTable tbody tr.selected {
background-color: #ffb3b3 !important;
}
</style>
</head>
<div class="lr-layout-tool-right">
<div class=" btn-group btn-group-sm">
<a id="lr_add" class="btn btn-default"><i class="fa fa-save"></i>&nbsp;新增一组</a>
<a id="lr_save" class="btn btn-default"><i class="fa fa-save"></i>&nbsp;保存</a>
<a id="lr_delete" class="btn btn-default"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
</div>
</div>
<div/>
<table id="dynamicTable" class="display">
<thead>
<tr id="tableHeader"></tr>
</thead>
<tbody id="tableBody"></tbody>
</table>
<script>
// **点击一行进行选中(确保只选中一个)**
$("#dynamicTable tbody").on("click", "tr", function () {
table.$("tr.selected").removeClass("selected"); // 移除其他行的选中状态
$(this).addClass("selected"); // 选中当前行
});
</script>
@Html.AppendJsFile("/Areas/ZZDT_EC/Views/ec_LookupTable/DataDefinition.js")