|
Title: Editable datagrid with scrollview - first 10 rows vanishing during editing Post by: thecyberzone on November 24, 2022, 12:34:57 AM I have used a editable datagrid with scrollview as the data contains more than 5000 rows. No whenever I am trying to edit a cell in the datagrid, just after typing first character - top 10 rows got vanished. I have changed the view from scrollview to normal, it is working fine. But whenever I am changing the view as scrollview the same thing happens. Anybody please help me, I cann't understand why this is happening.
Title: Re: Editable datagrid with scrollview - first 10 rows vanishing during editing Post by: jarry on November 26, 2022, 06:18:56 PM Please look at this example. It works fine.
Code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.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/datagrid-scrollview.js"></script> <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.edatagrid.js"></script> <script> $(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({ data: rows }); }); </script> </head> <body> <h1>DataGrid - VirtualScrollView</h1> <table id="dg" style="width:700px;height:250px" title="DataGrid - VirtualScrollView" data-options="view:scrollview,rownumbers:true,singleSelect:true,autoRowHeight:false,pageSize:50"> <thead> <tr> <th field="inv" width="80">Inv No</th> <th field="date" width="100">Date</th> <th field="name" width="80" editor="textbox">Name</th> <th field="amount" width="80" align="right" editor="numberbox">Amount</th> <th field="price" width="80" align="right">Price</th> <th field="cost" width="100" align="right">Cost</th> <th field="note" width="110">Note</th> </tr> </thead> </table> </body> </html> Title: Re: Editable datagrid with scrollview - first 10 rows vanishing during editing Post by: thecyberzone on December 02, 2022, 07:24:23 AM Thanks Jarry, it works. But insted of edatagrid if I use datagrid with row editing then the first page (number of rows defined for a page) vanishes just after the pressing any key in any column editor box.
|