jqGrid拖放带有子网格的表

时间:2019-12-10 14:00:56

标签: jquery ajax drag-and-drop jqgrid subgrid

我有两个jqGrid,可以将项目从第二个表拖到第一个表。第一个表具有子网格启用。当我将项目从第二个表拖到它时,被拖动的行的第一个字段中的信息会丢失并由第二个字段替换。因此,所有其他文件移动一个,更改其对应关系,最后一个字段为空。 如果我禁用了第一个表中的subgrid选项(对于我而言这是必需的),则问题消失。 那么,我该怎么做才能保留第一个字段的内容,即行的ID? 预先感谢

jQuery版本:2.1.3
Jquery-ui版本:1.11.4
jqGrid版本。 4.6.0

JavaScript代码:

$(document).ready(function(){ 
    $("#allegato").jqGrid({
        datatype: "local",
        height: 300,
        colNames    :   
            [
            'Numero',
            'Denominazione',
            'U.M.',
            'Q.tà',
            'Prezzo Unitario'
            ],
        colModel    :   
            [
            {name:'rich_numero'      , index:'rich_numero'                  , width:10                  },
            {name:'rich_denomin'     , index:'rich_denomin'                 , width:55                  }, 
            {name:'rich_um'          , index:'rich_um'                      , width:80  , align:'right' }, 
            {name:'rich_qta'         , index:'rich_qta'                     , width:80  , align:'right' }, 
            {name:'rich_prezzo'      , index:'rich_prezzo'                  , width:80  , align:'right' }
            ],
        autowidth           :   true,
        subGrid             :   true
    });

    $("#richieste").jqGrid({
        url         :   'richdisp.php?anno=<?php echo date("Y"); ?>',
        datatype    :   'json',
        mtype       :   'GET',
        colNames    :   
            [
            'Test',
            'Numero',
            'Denominazione',
            'U.M.',
            'Q.tà',
            'Prezzo Unitario'
            ],
        colModel    :   
            [
            {name:'test'             , index:'test'                         , width:10},
            {name:'rich_numero'      , index:'rich_numero'                  , width:10                  },
            {name:'rich_denomin'     , index:'rich_denomin'                 , width:55                  }, 
            {name:'rich_um'          , index:'rich_um'                      , width:80  , align:'right' }, 
            {name:'rich_qta'         , index:'rich_qta'                     , width:80  , align:'right' }, 
            {name:'rich_prezzo'      , index:'rich_prezzo'                  , width:80  , align:'right' }
            ],
        rowNum              :   -1,
        autowidth           :   true,
        height              :   300,
        gridview            :   true
    });
set_draganddrop_richspesa_allegato('#allegato');    
});

function set_draganddrop_richspesa_allegato(grid)
    {
    jQuery("#richieste").jqGrid('gridDnD', 
        {
        connectWith: grid,
        onstart: function (evt, obj, data)
            {
            },
        beforedrop: function (ev, ui, getdata, $source, $target)
            {
            },
        ondrop: function (evt, obj, data) 
            {
            var acceptId = $(obj.draggable).attr("rich_numero");
            },
        onstop: function(event, ui, data)                            
            {
            }
        });
    }

HTML代码:

<table id="allegato">
    </table>
    <table id="richieste">
    </table>

0 个答案:

没有答案