js或者jquery如何实现拖拽表格单元格内容交换

Posted 2023-04-10

参考技术A <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<style>
td.hoverborder:dotted 3px #f00
td.selectedbackground:#f00;color:#fff;
td.disabledbackground:#eee;color:#000
#tdMoveposition:absolute;display:none;border:dotted 3px #f00;background:#fff
tableuser-select:none;-moz-user-select:none</style>
<table border="1">
<script>
var s = ''
for (var i = 0; i < 10; i++)
s += '<tr>'
for (var j = 0; j < 10; j++) s += '<td' + (Math.random() > 0.8 ? ' class="disabled"' : '') + '>' + i + '-' + j + '</td>'
s += '</tr>'

document.write(s)
</script>
</table>
<div id="tdMove"></div>
<script>
var tdMove = $('#tdMove'),px=5;//浮动块偏移量，不偏移鼠标移动过程会出现在这个div移动的情况，移动到td上无法响应高亮样式
$('td:not(.disabled)').mousedown(function (e)
this.className = 'selected'
tdMove.html(this.innerHTML).css( left: e.clientX + px, top: e.clientY + px ).show();;
$(document).mousemove(function (e)
var el = e.target;
tdMove.css( left: e.clientX + px, top: e.clientY + px );
if (el.tagName == 'TD' && el.className != 'disabled' && el.className != 'selected')
$('td').removeClass('hover'); el.className = 'hover';

).mouseup(function ()
$(document).unbind();

tdMove.hide();
var td = $('td.hover,td.selected')
if (td.length == 2)
var s = td[1].innerHTML;
td[1].innerHTML = td[0].innerHTML;
td[0].innerHTML = s;

td.removeClass('hover selected')
);
)
</script>

以编程方式创建表格视图单元格内容

【中文标题】以编程方式创建表格视图单元格内容

【英文标题】：Creating tableview cell content programmatically

【发布时间】：2019-04-15 13:13:55

【问题描述】：

我想根据 API 响应以编程方式创建 UItableViewCell ui。

我正在使用输出一组文章的 API，但这些文章的内容可能有所不同，例如，有些文章可能没有描述，或者其中一些可能没有图片。我想根据这些数据以编程方式创建 Tableview 单元格。

我尝试在单元格的 viewDidLoad 方法中设置约束，但它不起作用。

您对如何做到这一点有什么建议吗？

【问题讨论】：

您可以使用堆栈视图并隐藏没有获取数据的视图

【参考方案1】：

根据文章彼此之间的不同，您可以选择为表格视图设计多种不同类型的单元格，并根据您拥有的数据选择用于给定行的单元格，或者您可以设计使用堆栈视图隐藏您没有数据的标签的单个单元格。当您将堆栈视图中的视图设置为isHidden = true 时，堆栈视图将调整其子视图的大小，就好像隐藏视图不存在一样。