OlegK on drang and drop not working since /jqueryui/1.8.13

Mon, 17 Oct 2011 14:56:53 +0300

Hello yvon,

how I recently answerd in the answer on the same question the problem can be fixed by modifieing of the code of the lines 372-373 of grid.jqueryui.js from

var ids = $(ui.helper).attr("id");
$($t).jqGrid('delRowData',ids );

var id = this.id;
$($t).jqGrid('delRowData',id);

additionally the close line 351 should be changed in the same way from

var subgid = $(ui.helper).attr("id");

var subgid = this.id;

Probably it has sence to look in the code of jqGrid (probably only in grid.jqueryui.js) for the same problems in other places.

Best regards
Oleg

yvon on drang and drop not working since /jqueryui/1.8.13

Sat, 15 Oct 2011 15:41:33 +0300

in the example, if i move one line from grid2 to grid1, it does not remove the line from grid2..

It was working well with https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js

but it does not work with https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js

Sample code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta http-equiv="Content-Language" content="en" />
     <meta http-equiv="Content-Script-Type" content="text/javascript" />
       <title>test</title>


<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/redmond/jquery-ui-1.8.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>

<script src="http://trirand.com/blog/jqgrid/js/jquery.layout.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script type="text/javascript">
   $.jgrid.no_legacy_api = true;
   $.jgrid.useJSON = true;
</script>
<script src="http://trirand.com/blog/jqgrid/js/ui.multiselect.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.tablednd.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.contextmenu.js" type="text/javascript"></script>

<body>

<h1>test.html</h1>

<div class="mbLine" >
<table id="grid1"></table><div id="pgrid1"></div>
</div>
<div class="mbLine" >
<table id="grid2"></table><div id="pgrid2"></div>
</div>

</body>

<script type="text/javascript">
$(document).ready(function(){

jQuery("#grid1").jqGrid({
    datatype: "local",
    height: 100,
    colNames: ['Id1', 'Name1', 'Values1'],
    colModel: [{
        name: 'id1',
        index: 'id',
        width: 100
        }, {
        name: 'name1',
        index: 'name',
        width: 100
        }, {
        name: 'values1',
        index: 'values',
        width: 200
    }],
    caption: 'Grid 1',
    pager: '#pgrid1'
});
jQuery("#grid2").jqGrid({
    datatype: "local",
    height: 100,
    colNames: ['Id2', 'Name2', 'Values2'],
    colModel: [{
        name: 'id2',
        index: 'id',
        width: 100
        }, {
        name: 'name2',
        index: 'name',
        width: 100
        }, {
        name: 'values2',
        index: 'values',
        width: 200
    }],
    caption: 'Grid 2',
    pager: '#pgrid2'
});

var mydata1 = [
    {id1:"1",name1:"test1",values1:'One'},
    {id1:"2",name1:"test2",values1:'Two'},
    {id1:"3",name1:"test3",values1:'Three'}
];
var mydata2 = [
    {id2:"11",name2:"test11",values2:'One1'},
    {id2:"21",name2:"test21",values2:'Two1'},
    {id2:"31",name2:"test31",values2:'Three1'}
];

for (var i = 0; i <= mydata1.length; i++) {
    jQuery("#grid1").jqGrid('addRowData',i + 1, mydata1[i]);
    jQuery("#grid2").jqGrid('addRowData',i + 1, mydata2[i]);

}
jQuery("#grid1").jqGrid('gridDnD',{connectWith:'#grid2'});
jQuery("#grid2").jqGrid('gridDnD',{connectWith:'#grid1'});

});
</script>

</html>

jQuery Grid Plugin - jqGrid - Topic: drang and drop not working since /jqueryui/1.8.13

OlegK on drang and drop not working since /jqueryui/1.8.13

yvon on drang and drop not working since /jqueryui/1.8.13