ZBLOG

self.uploadImageBtn.addClickHandler(function() { let importWindow = new utsourceFileUploadNew(); importWindow.on('utsourceContractImportFileUploadNew import success', function(event, data,arr) { console.log(arr,data); if (data['repa...

要展示多个名称,可以使用循环遍历 arr 数组,并将每个名称创建为一个 DOM 元素来展示。以下是修改后的代码示例:

  1. self.uploadImageBtn.addClickHandler(function() {
  2. let importWindow = new utsourceFileUploadNew();
  3. importWindow.on('utsourceContractImportFileUploadNew import success', function(event, data, arr) {
  4. console.log(arr, data);
  5. // 清空旧数据
  6. self.flag.empty();
  7. if (Array.isArray(arr) && arr.length > 0) {
  8. for (let i = 0; i < arr.length; i++) {
  9. let repaymentName = arr[i].repaymentName;
  10. let str = repaymentName.length > 20 ? repaymentName.substr(0, 20) + '...' : repaymentName;
  11. // 创建展示元素
  12. let linkElement = $('<a>')
  13. .attr('style', 'text-decoration:none')
  14. .attr('title', repaymentName)
  15. .text(str);
  16. let imgElement = $('<img>').attr('src', 'img/clear.png');
  17. let flagElement = $('<div>').append(linkElement).append(imgElement);
  18. // 设置点击事件
  19. imgElement.on('click', function() {
  20. self.repaymentName.setValue('');
  21. self.flag.setValue('');
  22. self.repaymentPath.setValue('');
  23. self.flag.hide();
  24. });
  25. // 将元素添加到页面中
  26. self.flag.append(flagElement);
  27. }
  28. // 显示flag元素
  29. self.flag.show();
  30. }
  31. // 更新字段值(仅取最后一个数据)
  32. if (data['repaymentName'] != null) {
  33. let lastRepaymentName = arr[arr.length - 1].repaymentName;
  34. self.repaymentName.setValue(lastRepaymentName);
  35. self.flag.find('a').text(lastRepaymentName); // 更新展示元素中的文本
  36. self.repaymentPath.setValue(data['repaymentPath']);
  37. }
  38. });
  39. importWindow.show();
  40. });

这样修改后,会遍历 arr 数组并为每个名称创建一个链接元素,并在 flag 元素中展示出来。点击清除按钮时,将清空相关字段值并隐藏 flag 元素。

请注意,在遍历 arr 数组之前,代码会先清空旧数据,以确保只展示最新的数据。同时,更新字段值时仅取最后一个数据的值进行更新。


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

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

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

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

联系我们

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

微信号:3007537140

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

关注我们
x

注册

已经有帐号?