ZBLOG

$.ajax({ method: "POST", url: "../d/detail/keyInfo", data: { custId: custId }, success: function(result) { var jsonRes = JSON.parse(result); for (const item of jsonRes) { if (item.code === 'customerInfo...

要在 loan 里面添加几个按钮(例如“全部”、“已结清”、“停催”、“诉讼”),您可以在成功回调函数中使用 JavaScript 来动态创建这些按钮,并将它们附加到合适的 DOM 元素。下面是一个基本的示例,说明如何实现这一点。

假设您希望在每个贷款条目的下方显示这些按钮,您可以修改您的 success 回调如下:

success: function(result) {
    var jsonRes = JSON.parse(result);

    for (const item of jsonRes) {
        if (item.code === 'customerInfo') {}
        if (item.code === 'loan') {
            for (const loan of item.child) {
                const Index = loan.path.split('.')[1];
                let contractCode;
                me.overDueInfoIndex[loan.path] = Index;

                // 现有逻辑...

                // 创建按钮元素
                const buttonContainer = document.createElement('div');
                
                const buttons = ['全部', '已结清', '停催', '诉讼'];
                buttons.forEach(buttonText => {
                    const button = document.createElement('button');
                    button.innerText = buttonText;
                    button.addEventListener('click', () => handleButtonClick(buttonText, loan));
                    buttonContainer.appendChild(button);
                });

                // 将按钮容器添加到相应的 DOM 元素中,比如贷款信息的容器
                const loanElement = document.getElementById(`loan-${Index}`); // 假设每个贷款项都有对应的 DOM ID
                loanElement.appendChild(buttonContainer);
            }
        }
    }

    me.keyInfo = jsonRes; // 更正为直接使用jsonRes而不是再次解析结果
    me.form.initForm(jsonRes);
}

// 处理按钮点击事件的函数
function handleButtonClick(action, loan) {
    switch(action) {
        case '全部':
            // 实现全部逻辑
            console.log("处理全部逻辑", loan);
            break;
        case '已结清':
            // 实现已结清逻辑
            console.log("处理已结清逻辑", loan);
            break;
        case '停催':
            // 实现停催逻辑
            console.log("处理停催逻辑", loan);
            break;
        case '诉讼':
            // 实现诉讼逻辑
            console.log("处理诉讼逻辑", loan);
            break;
        default:
            break;
    }
}

说明:

  1. 创建按钮

    • 使用 document.createElement() 方法创建按钮。
    • 为每个按钮设置文本和事件监听器,以便当用户点击时能够执行特定功能。
  2. 处理点击事件

    • handleButtonClick 函数中,根据所点击的按钮名称 (action) 执行不同的操作。你可以根据需求来实现具体业务逻辑。
  3. 插入到 DOM

    • 将创建的按钮添加到与贷款相关联的元素中,例如使用 loan.path 来构建相应元素的 ID。

确保将这个代码片段嵌入到你原有 AJAX 成功回调内合适的位置,这样才能正确执行并展示新增加的按钮。


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

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

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

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

联系我们

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

微信号:3007537140

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

关注我们
x

注册

已经有帐号?