ZBLOG

self.customerName = new TextItem().setTitle(lang('customer_name')).setCanWrapTitle(false).disable(); self.customerCodes = new TextItem().setTitle(lang('customer_codes')).setCanWrapTitle(false).disable(); self.refnbr = new TextItem().setTitle(lang(...

如果你想将接收到的数据以另一种方式回显,可以在JavaScript中创建一个容器元素,并将每条数据作为独立的小盒子添加到容器中。然后可以给该容器元素添加滚动效果。

以下是一个示例:

$.ajax({
    url: '../d/exemptionReduction/selectInforList?loanCodes=' + loanCodes,
    contentType: 'application/json',
    type: 'POST',
    lang: defLanguage,
    async: false,
    success: function(res) {
        var dialogData = JSON.parse(res);
        if (dialogData.success) {
            var containerElement = document.createElement('div');
            containerElement.classList.add('data-container'); // 添加一个CSS类名来定义样式或设置滚动效果
            
            for (let i = 0; i < dialogData.data.length; i++) {
                var dataDiv = document.createElement('div');
                dataDiv.classList.add('data-item'); // 添加一个CSS类名来定义样式
                
                var nameSpan = document.createElement('span');
                nameSpan.textContent = 'Name: ' + dialogData.data[i].name;
                dataDiv.appendChild(nameSpan);
                
                var customerIdSpan = document.createElement('span');
                customerIdSpan.textContent = 'Customer ID: ' + dialogData.data[i].customerId;
                dataDiv.appendChild(customerIdSpan);
                
                // 继续添加其他需要展示的字段
                
                containerElement.appendChild(dataDiv);
            }
            
            // 将容器元素添加到页面上(替换yourContainerElementId为实际ID)
            document.getElementById('yourContainerElementId').appendChild(containerElement);
        }
    },
});

在上面的代码中,我们创建了一个新的div元素作为数据容器,并给它添加了一个自定义的CSS类名data-container。然后,通过循环遍历将每条数据添加到独立的小盒子中,并将这些小盒子作为子元素添加到容器元素中。

最后,我们将整个容器元素添加到页面上(替换yourContainerElementId为实际的ID值)。你可以通过CSS样式来设置容器和数据项的外观,并根据需要添加滚动效果。

请注意,上述示例是基于HTML和JavaScript实现的。如果你不想使用HTML文件,可以尝试使用JSX或其他JavaScript框架/库来动态生成UI并展示数据。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=16877

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?