Layui表格选中指定行的radio单选框并滚动到该行
layui table有多行数据,通过外部输入内容,需要定位到指定行,选中改行,对改行进行操作。
实现效果:
HTML代码:
1 23 413 14 15 16 735 11 12
后台代码:
1 public class LayUITableEntity
2 {
3 public string code { get; set; }
4 public string msg { get; set; }
5 public string count { get; set; }
6 public object data { get; set; }
7 }
8 public class TestEntity
9 {
10 ///
11 /// 这个字段用来标识radio是否选中
12 ///
13 public bool LAY_CHECKED { get; set; } = false;
14 public string Id { get; set; }
15 public string Name { get; set; }
16 }
17 [Route("/api/test")]
18 public class TestController : ServiceController
19 {
20 [RouteHttpGet("hello")]
21 public FormiumResponse HelloNanUI(FormiumRequest request)
22 {
23 List teList = new List();
24 for (int i = 1; i <= 30; i++)
25 {
26 TestEntity te = new TestEntity()
27 {
28 //初次载入,id为3的选中
29 LAY_CHECKED = i == 3 ? true : false,
30 Id = i.ToString(),
31 Name = "name" + i.ToString()
32 };
33 teList.Add(te);
34 }
35 LayUITableEntity layUITableEntity = new LayUITableEntity()
36 {
37 code = "0",
38 count = teList.Count().ToString(),
39 msg = "",
40 data = teList
41 };
42 return Json(layUITableEntity);
43 }
44 }