Mar 13, 2023, 11:01 PM
Problem with adding records
Hello
here is sample code
1) if after navigating to second page "Add records using Store" is used repeatelly, then on the page will be more then 10 records
2) if "Add records using LoadData" is used after navigating to second page, all data from first page will be lost
Thanks
Jiri
here is sample code
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Xml.Xsl" %>
<%@ Import Namespace="System.Xml" %>
<%@ Import Namespace="System.Linq" %>
<script runat="server">
</script>
<!DOCTYPE html>
<html>
<head runat="server">
</head>
<body>
<script>
var index = -1;
function setupStoreUsingAdd() {
}
function addRecordsToStore() {
var store = <%= GridPanel1.ClientID %>.store;
var data = {
Id: index,
Text: 'Text' + index--
};
store.add([data]);
}
function addRecordsUsingLoadData() {
var store = <%= GridPanel1.ClientID %>.store;
var data = {
Id: index,
Text: 'Text' + index--
};
store.loadData([data],true);
}
Ext.onReady(function () {
var ret = [];
var store = <%= GridPanel1.ClientID %>.store;
for (var i = 0; i < 12; i++) {
ret.push({
Id: i,
Text: 'Text' + i
});
}
store.loadData(ret);
});
</script>
<form runat="server">
<ext:ResourceManager runat="server" Namespace="" StateProvider="Cookie" />
<ext:Button runat="server" Text="Add records using Store" OnClientClick="addRecordsToStore()"></ext:Button>
<ext:Button runat="server" Text="Add records using LoadData" OnClientClick="addRecordsUsingLoadData()"></ext:Button>
<ext:Store runat="server" ID="Store1"
PageSize="10" AutoLoad="False">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="Id"/>
<ext:ModelField Name="Text"/>
</Fields>
</ext:Model>
</Model>
</ext:Store>
<ext:GridPanel
id="GridPanel1"
runat="server"
StoreID="Store1"
Title="DataTable Grid"
Stateful="True"
StateID="gridState"
>
<ColumnModel runat="server">
<Columns>
<ext:Column runat="server" Text="Id" DataIndex="Id" Flex="1"/>
</Columns>
</ColumnModel>
<BottomBar>
<ext:PagingToolbar runat="server" StoreID="Store1" />
</BottomBar>
</ext:GridPanel>
</form>
</body>
</html>
The problem here is reproducible if I navigate to the second page of the grid ( paging toolbar)1) if after navigating to second page "Add records using Store" is used repeatelly, then on the page will be more then 10 records
2) if "Add records using LoadData" is used after navigating to second page, all data from first page will be lost
Thanks
Jiri