【layui】数据表格templet不能向后台发送多次请求的解决办法

最新推荐文章于 2023-07-28 10:30:08 发布

原创最新推荐文章于 2023-07-28 10:30:08 发布 · 905 阅读

0 ·

CC 4.0 BY-SA版权

其他专栏收录该内容

36 篇文章

订阅专栏

问题描述

数据表格的数据需要根据本数据表格的一些信息进行查找相关内容，如页面初始化的时候需要加载全部信息，全部信息包括id,但是还必须包括根据id查询出来的其它信息，这样做就会向后端发两次请求，但是layui的数据表格好像只能发一次。templet写了一个方法，请求后台的数据！发现请求不到。

图片
如下图，我想要根据年份和期数，查找缴费截图！此时缴费截图和其它信息在数据库中不是一个表！
在这里插入图片描述

解决办法

后台：

layui的数据表格是把数据进行渲染，而不是渲染的时候加载数据，所以需要在后台一次性加载所有的信息！将图存到list里面！

	for (int i = 0; i < rr.Count; i++)
            {
                rr[i].PictureUrl = new List<string>();
                //一个人对应多个图片
                List<ScreenDTO> listScreen = getScreenPictureByidAndYear(rr[i].Id, rr[i].Contract_Year.ToString());

                for (int j = 0; j < listScreen.Count; j++)
                {
                    rr[i].PictureUrl.Add(listScreen[j].Contract_Url);
                }
            }

         //根据学生的id和年份查询缴费截图信息
        public List<ScreenDTO> getScreenPictureByidAndYear(string studentId, string screenYear)
        {
            var a = contract.getScreenPictureByidAndYear(studentId, screenYear);
            return a;
        }

前台：(只是部分代码)

前台遍历：

    <script id="showScreenhost" type="text/html">
        {{#  for(var i = 0; i < d.pictureUrl.length; i++) { }}
        <div style="margin:0 10px; display:inline-block !important; display:inline;  max-width:70px; max-height:50px;"><img style=" max-width:70px; max-height:50px;" src="{{d.pictureUrl[i]}}" /></div>
        {{# } }}
    </script>

数据表格对应的缴费截图：

{ field: 'sc_contract_copy_url', title: '缴费截图', align: 'center', templet: '#showScreenhost', width: 400}