Extjs 更新数据集Ext.PagingToolbar的start参数重置的处理

问题:当翻页后,比如当前是第二页,start参数此时是5(初始为0),当切换左侧分类时,我们期望的是从所选分类下明细记录的第一条开始显示,结果发现不是这样,依然是从新数据的第二页开始显示,就是说extjs默认传递的start参数没有重置为0,依然是5,这样后台通过sql分页就会出问题,解决方法是,对store的currentPage赋值,如下

filestore.currentPage = 1;
treePanel.getSelectionModel().on(‘select‘, function(selModel, record){ 

var filestore = Ext.getCmp(‘filegrid‘).getStore();

filestore.baseParams.catalogid=record.data.id;

filestore.currentPage = 1;

filestore.load({

params:{

catalogid:record.data.id

}

})

});
还可以用store的loadPage方法

  

时间: 2024-08-03 19:12:23

Extjs 更新数据集Ext.PagingToolbar的start参数重置的处理的相关文章

extjs笔记(一) ext.onready()用法

定义:加载完ExtJs库之后,开始加载OnReady中指定的函数 参数:onReady( fn, scope, options ) fn回调函数 表示要执行的函数 scope表示函数的作用域 表示函数执行的一些其它特性,比如延迟多少毫秒执行等,大多数情况下只需要第一个参数即可. 事例探究一:加载方法的作用 a. function a(){ alert("every thing is OK!") } Ext.onReady(a); b. Ext.onReady(function(){ a

ExtJS 4 【Ext.data.proxy.Ajax】

namespace ExtJSProject.WebApi.Models { [Serializable] [DataContract] public class Person { [DataMember] public string Name { get; set; } [DataMember] public int Age { get; set; } } }   namespace ExtJSProject.WebApi.Controllers { [RoutePrefix("api/Per

ExtJs 中的ext.date

获取当前日期直接用NEW date() Ext.Date英文API http://docs.sencha.com/ext-js/4-1/#!/api/Ext.Date Ext.Date是一个单例类,封装了一系列日期操作函数,扩展JavaScript Date的功能,下面列出一些常用的功能. Ext.Date.add(date, interval, value) 给date增加或减少时间,这个函数不改变原有Date对象的值,而是返回一个新的Date对象. Ext.Date.between(date

Extjs更新表格中的数据

通过Extjs的ajax框架从后台获取数据,然后填入表格的特定单元格 historyStore为含有属性Location的数据存储容器 Ext.getCmp("historyGrid")为获取id为historyGrid的Ext.grid.GridPanel数据表格 function getAjaxLocation(Lgt, Lat, Index) { Ext.Ajax.request({ method: "POST", timeout: 5 * 60 * 1000

【extjs】 extjs5 Ext.grid.Panel 搜索示例

先看效果图: 页面js: <script type="text/javascript"> /** * 日志类型 store * */ var logTypeStore = Ext.create('Ext.data.Store', { fields: ['type', 'name'], data : [ {"type":"1", "name":"登录日志"}, {"type":

【extjs】 ext5 Ext.grid.Panel 分页,搜索

带有分页,搜索的grid. <%@page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" pageEncoding="UTF-8" %> <html> <head> <jsp:include page="../common/resource_classic.jsp"

Ext.core.DomHelper.insertHtml参数的说明

今天在了解Ext.core.DomHelper.insertHtml过程中,发现 Ext.onReady(function(){ var panel = new Ext.Panel({ title:'Ext.core.DomHelper.insertAfter', width:300, height:200, renderTo:Ext.getBody(), frame:true, html:"<div id='div1'>原DIV1的内容</div>", but

【ExtJS】使用Ext.create( [String name], [Object... args] ) : Object实例化类

在ExtJS中实例化类可以使用全类名或者别名以及备用名 // alias 别名 var window = Ext.create('widget.window', { width: 600, height: 800, ... }); // alternate name 备用名 var window = Ext.create('Ext.Window', { width: 600, height: 800, ... }); // full class name 完整的类名 var window = E

Extjs学习笔记——Ext.data.JsonStore使用说明

Ext.data.JsonStore继承于Ext.data.Store,使得从远程JSON数据创建stores更为方便的简单辅助类.JsonStore合成了Ext.data.HttpProxy与Ext.data.JsonReader两者.如果你需要其他类型的proxy或reader组合,那么你要创建以Ext.data.Store为基类的配置. 代码实例: var store = new Ext.data.JsonStore({ id:'id', url: 'get-images.php', ro