【问题标题】:Slickgrid TreeGrid drag and drop - How to get row id and details of the row, on which another row, was dragged & droppedSlickgrid TreeGrid 拖放 - 如何获取行的行 ID 和详细信息,在该行上拖放另一行
【发布时间】:2013-08-07 20:39:28
【问题描述】:

我正在尝试在 slickgrid treegrid 中实现拖放。 基本上是这样的结构-

Electronics > 
                TV > 
                       LED > SONY
                             LG
                       LCD > SAMSUNG
                             TOSHIBA

例如 - http://mleibman.github.io/SlickGrid/examples/example5-collapsing.html
我希望将品牌从一个类别转移到另一个类别。
我到了启用要拖动的行的地步,并获取了我正在拖动的行的详细信息。 通过使用以下内容,我可以获得我拖动的行 -

$("#teamGrid").bind("drop", function (e, dd) {
                                   data[dd.row]
                                  }

现在,如何获取拖放行的详细信息或 ID?
是否有在网格中启用拖放的示例?

【问题讨论】:

    标签: drag-and-drop jquery-ui-draggable slickgrid


    【解决方案1】:

    我想我明白了 -

    var name = e.target.offsetParent.childNodes[1].innerHTML;
    var temp = document.createElement("div");
    temp.innerHTML = name;
    alert(temp.textContent || temp.innerText);
    

    【讨论】:

      【解决方案2】:

      如果有人想知道从被拖动的行中确定 id 的代码 -

      var dragRow = $(e.target).closest(".ui-widget-content slick-row");
      dragId = dragRow.context.offsetParent.childNodes[1].innerHTML;
      

      这一点尤其重要,因为默认的 api grid.selectedRows(),如果 treegrid 折叠,则会给出错误的结果集:)

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2022-10-02
        • 1970-01-01
        • 1970-01-01
        • 2010-10-12
        • 1970-01-01
        • 1970-01-01
        • 2014-09-03
        • 2013-12-27
        相关资源
        最近更新 更多