小编Seb*_* B.的帖子

使用 JavaScript 在 SortableJS 可排序列表上模拟拖放

我正在尝试在使用Sortable library创建的可排序 HTML 列表上模拟拖放操作。它使用原生 HTML5 API 来实现可拖动元素和列表内的排序。

为了模拟这些拖动事件,我找到并修改了以下 JavaScript 代码:

var triggerSortableDragAndDrop = function (selectorDrag, selectorDrop, callback) {
  var DELAY_INTERVAL_MS = 10;
  var MAX_TRIES = 2;

  // fetch target elements
  var elemDrag = document.querySelector(selectorDrag);
  var elemDrop = document.querySelector(selectorDrop);
  elemDrag.setAttribute('draggable',"true");
  elemDrop.setAttribute('draggable',"true");
  elemDrag.href="#";
  
  var dragItems = document.querySelectorAll('[draggable=true]');


  if (!elemDrag || !elemDrop) {
    console.log("can't get elements");
    return false;
  }

  var startingDropRect = elemDrop.getBoundingClientRect();

  function rectsEqual(r1, r2) {
    return r1.top === r2.top && r1.right === r2.right && r1.bottom === r2.bottom && r1.left …
Run Code Online (Sandbox Code Playgroud)

html javascript selenium dom-events sortablejs

12
推荐指数
1
解决办法
1511
查看次数

<ng-select> [items] 值不更新

我正在一个页面上工作,我需要一个带有搜索字段的选择框,所以我决定使用该ngSelect模块。

我的 HTML:

   <ng-select [items]="mesurePoints"
            bindLabel="name"
            bindValue="id"
            >
   </ng-select>  
Run Code Online (Sandbox Code Playgroud)

mesurePoints一些更改后,选择列表未链接到值。

list typescript angular

5
推荐指数
2
解决办法
3428
查看次数

反应条件渲染的最佳实践?

我有一个在切换按钮时应显示的 div/部分

{
  this.state.viewButtonClicked ?  <Solution solution= {this.state.activeSolution}/> : <React.Fragment/>
} 
Run Code Online (Sandbox Code Playgroud)

使用三元运算符适合于此吗?

在这种情况下,如果按钮为 false,则不显示某些内容的最佳做法是什么?

React.Fragment 可以吗?

基本上,如果 viewButtonClicked 为 false,我想返回/渲染 null。

rendering jsx conditional-statements reactjs

2
推荐指数
1
解决办法
5616
查看次数