Title: datagrid-scrollview problem at 1.5.3
Post by: phunksta on December 13, 2017, 10:45:49 AM
Hi, I recently attempted to upgrade my app to easyui 1.5.3, including the scrollview and edatagrid plugins. Scrollview in particular is causing a problem, as it seems to be trying to obtain data from its parent combogrid before any has been loaded. The error and stack trace received is as follows, with the first funciton from my app being openVrd: 17:11:49.852 jquery.easyui.min.js?v=1.5.3:12 Uncaught TypeError: Cannot read property 'length' of undefined
at Object.indexOfArray (jquery.easyui.min.js?v=1.5.3:12)
at Object.getRowIndex (datagrid-scrollview.js:673)
at jQuery.fn.init.$.fn.datagrid (jquery.easyui.min.js?v=1.5.3:10816)
at jquery.easyui.min.js?v=1.5.3:14735
at Function.map (jquery-2.2.4.js:452)
at _afb (jquery.easyui.min.js?v=1.5.3:14734)
at HTMLInputElement.<anonymous> (jquery.easyui.min.js?v=1.5.3:14886)
at Function.each (jquery-2.2.4.js:365)
at jQuery.fn.init.each (jquery-2.2.4.js:137)
at setValues (jquery.easyui.min.js?v=1.5.3:14874)
indexOfArray @ jquery.easyui.min.js?v=1.5.3:12
getRowIndex @ datagrid-scrollview.js:673
$.fn.datagrid @ jquery.easyui.min.js?v=1.5.3:10816
(anonymous) @ jquery.easyui.min.js?v=1.5.3:14735
map @ jquery-2.2.4.js:452
_afb @ jquery.easyui.min.js?v=1.5.3:14734
(anonymous) @ jquery.easyui.min.js?v=1.5.3:14886
each @ jquery-2.2.4.js:365
each @ jquery-2.2.4.js:137
setValues @ jquery.easyui.min.js?v=1.5.3:14874
$.fn.combogrid @ jquery.easyui.min.js?v=1.5.3:14847
(anonymous) @ jquery.easyui.min.js?v=1.5.3:14890
each @ jquery-2.2.4.js:365
each @ jquery-2.2.4.js:137
setValue @ jquery.easyui.min.js?v=1.5.3:14889
$.fn.combogrid @ jquery.easyui.min.js?v=1.5.3:14847
_59f @ jquery.easyui.min.js?v=1.5.3:7950
_59d @ jquery.easyui.min.js?v=1.5.3:7900
success @ jquery.easyui.min.js?v=1.5.3:7888
fire @ jquery-2.2.4.js:3187
fireWith @ jquery-2.2.4.js:3317
done @ jquery-2.2.4.js:8757
(anonymous) @ jquery-2.2.4.js:9123
XMLHttpRequest.send (async)
send @ jquery-2.2.4.js:9175
ajax @ jquery-2.2.4.js:8656
load @ jquery.easyui.min.js?v=1.5.3:7887
(anonymous) @ jquery.easyui.min.js?v=1.5.3:8088
each @ jquery-2.2.4.js:365
each @ jquery-2.2.4.js:137
load @ jquery.easyui.min.js?v=1.5.3:8087
$.fn.form @ jquery.easyui.min.js?v=1.5.3:8073
openVrd @ nav.js:1702
openVrdSpecific @ nav.js:1514
onClickRow @ nav.js:2142
_6c4 @ jquery.easyui.min.js?v=1.5.3:9702
dispatch @ jquery-2.2.4.js:4737
elemData.handle @ jquery-2.2.4.js:4549 jquery is at V2.2.4 and client browser is Chrome 63.
Title: Re: datagrid-scrollview problem at 1.5.3
Post by: jarry on December 14, 2017, 07:20:11 AM
Please look at this example http://code.reloado.com/ofixat/edit#preview. It works fine.
Title: Re: datagrid-scrollview problem at 1.5.3
Post by: keja on August 19, 2022, 12:36:28 AM
We are facing the same problem. However, the http://code.reloado.com/ofixat/edit#preview is not working.
Can you please post the code here
Title: Re: datagrid-scrollview problem at 1.5.3
Post by: jarry on August 21, 2022, 04:52:44 PM
This is the editable datagrid example with virtual scrollview. <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.edatagrid.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/datagrid-scrollview.js"></script>
<script type="text/javascript">
$(function(){
var rows = [];
for(var i=1; i<=8000; i++){
var amount = Math.floor(Math.random()*1000);
var price = Math.floor(Math.random()*1000);
rows.push({
inv: 'Inv No '+i,
date: $.fn.datebox.defaults.formatter(new Date()),
name: 'Name '+i,
amount: amount,
price: price,
cost: amount*price,
note: 'Note '+i
});
}
$('#dg').edatagrid({
columns: [[
{field:'inv',title:'Inv No',width:100,editor:'textbox'},
{field:'date',title:'Date',width:100,editor:'datebox'},
{field:'name',title:'Name',width:100,editor:'textbox'},
{field:'amount',title:'Amount',width:100,editor:{type:'numberbox',options:{precision:0}}},
{field:'price',title:'Price',width:100,editor:'numberbox'},
{field:'note',title:'Note',width:100,editor:'textbox'}
]],
data: rows,
view: scrollview,
fitColumns: true
});
});
</script>
</head>
<body>
<table id="dg" style="width:800px;height:400px"
title="Editable DataGrid"
singleSelect="true"></table>
</body>
</html>
|