【问题标题】:jqGrid drag and drop Receive eventjqGrid拖放接收事件
【发布时间】:2015-11-30 23:22:44
【问题描述】:

我正在使用 jqgrid 拖放,我有两个表 TABLE A 和 TABLE B,我从表 A 中拖动一行并放入表 B,我想捕获表中接收到的新行 ID 和数据,是否存在jqGrid 中的任何接收事件?

【问题讨论】:

    标签: jqgrid


    【解决方案1】:

    你可以像下面这样定义ondrop事件函数(见Link

    jQuery("#table2").jqGrid('gridDnD', {
        ondrop: function (ev, ui, getdata) {
            // var acceptId = $(ui.draggable).attr("id");
            // getdata is the data from $('#table1').jqGrid('getRowData',acceptId);
            // so you have full information about dropped row
        }
    });
    

    ondrop 的参数中,您会找到您需要的所有信息。

    【讨论】:

    • 嘿,奥列格,又是一次很棒的帮助!有空可以看看this related question吗?我将不胜感激!
    【解决方案2】:
    $("#gbox_destinationTable tr td").droppable({
        drop : function(event, ui) {
            var draggedHtml = ui.draggable.html();
            $(this).append(draggedHtml);
            deleteFromSource(ui.draggable.parent());
        }
    });
    
    function deleteFromSource(draggedObj) {
        $('#sourceTable').jqGrid('delRowData', draggedObj.attr('id'));
    }
    

    您可以在此处查看 jqgrid 特定实现的完整示例:http://jsfiddle.net/pragya91/fzkqxdxm/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-07-03
      • 2013-10-21
      • 1970-01-01
      • 1970-01-01
      • 2012-04-26
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多