Layui表格选中指定行的radio单选框并滚动到该行


layui table有多行数据,通过外部输入内容,需要定位到指定行,选中改行,对改行进行操作。

实现效果:

HTML代码:

 1 
 2     
3 4
5 11 12
13 14 15 16 73

后台代码:

 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     }