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

问题描述

数据表格的数据需要根据本数据表格的一些信息进行查找相关内容,如页面初始化的时候需要加载全部信息,全部信息包括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}
评论 13
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值