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 回调如下:

  1. success: function(result) {
  2. var jsonRes = JSON.parse(result);
  3. for (const item of jsonRes) {
  4. if (item.code === 'customerInfo') {}
  5. if (item.code === 'loan') {
  6. for (const loan of item.child) {
  7. const Index = loan.path.split('.')[1];
  8. let contractCode;
  9. me.overDueInfoIndex[loan.path] = Index;
  10. // 现有逻辑...
  11. // 创建按钮元素
  12. const buttonContainer = document.createElement('div');
  13. const buttons = ['全部', '已结清', '停催', '诉讼'];
  14. buttons.forEach(buttonText => {
  15. const button = document.createElement('button');
  16. button.innerText = buttonText;
  17. button.addEventListener('click', () => handleButtonClick(buttonText, loan));
  18. buttonContainer.appendChild(button);
  19. });
  20. // 将按钮容器添加到相应的 DOM 元素中,比如贷款信息的容器
  21. const loanElement = document.getElementById(`loan-${Index}`); // 假设每个贷款项都有对应的 DOM ID
  22. loanElement.appendChild(buttonContainer);
  23. }
  24. }
  25. }
  26. me.keyInfo = jsonRes; // 更正为直接使用jsonRes而不是再次解析结果
  27. me.form.initForm(jsonRes);
  28. }
  29. // 处理按钮点击事件的函数
  30. function handleButtonClick(action, loan) {
  31. switch(action) {
  32. case '全部':
  33. // 实现全部逻辑
  34. console.log("处理全部逻辑", loan);
  35. break;
  36. case '已结清':
  37. // 实现已结清逻辑
  38. console.log("处理已结清逻辑", loan);
  39. break;
  40. case '停催':
  41. // 实现停催逻辑
  42. console.log("处理停催逻辑", loan);
  43. break;
  44. case '诉讼':
  45. // 实现诉讼逻辑
  46. console.log("处理诉讼逻辑", loan);
  47. break;
  48. default:
  49. break;
  50. }
  51. }

说明:

  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

注册

已经有帐号?