extjsstore表单的简单介绍

本文目录一览:

ExtJS4 获得store的数据

要获取store里边的数据的方法是在太多啦

var myStore=Ext.create(‘MyExtJS.store.UserStore’);

//idx是该记录在store中的index,从0开始

var 变量 = myStore.getAt(idx).get(‘字段名’);

而且,在ext的组件中还有很多方法,他已经把store的record当作变量给你传过来了,用起来相当方便,例如grid的监听事件

lisenters: {

    cellclick: function(g, t, i, r) {

        //这里的r就是表格被选中行的记录

    }

}

store还有很多 方法 可以取出其中的数据,具体内容,查阅extjs的官方api,搜索store即可!

纯手敲,希望对lz有帮助~

extjs4 表格的store是动态的,但分页工具栏的store始终是初始化的那个

亲 第一个问题就是分页工具栏的Store就是Grid的Store,正确使用方式如下:

1.在Grid的Store定义

var store = Ext.create(‘Ext.data.Store’, {

model: ‘Demo’,

pageSize: itemsPerpage,

proxy:{

waitTitle : ‘提醒:’,

waitMsg : ‘数据加载中…’,

type : ‘ajax’,

url : ‘自定义action路径’,

reader:{

type : ‘json’,//传回的数据类型

root: ‘items’,//读取数据的节点名称

totalProperty :’total’//非常重要,数据总条目数,你要在后台算出后写在JSON中传回

}

}

});

2.Grid中定义bbar

bbar: Ext.create(‘Ext.PagingToolbar’, {

store: store,//关键在此,下面的配置项可参看API配置

displayInfo: true,

xtype :’pagingtoolbar’,

beforePageText :”第”

})。

3.store的加载方式

store.load(

{

params:{

start :0,

limit :20

}

});

为了保持通过limit和pageSize的数量要一致,start会在翻页时自动累加,后台取到start和limit参与查询即可。

若是store中需要带其他参数就要添加事件

store.on(‘beforeload’,function(){ // =======翻页时 查询条件

Ext.apply(

store.proxy.extraParams, {

flag : 1//自定义的

}

);

});

以上的这些讯息完全可以解决pagingBar的问题了

在ExtJS中,想批量添加,删除Store里面的记录,应该怎么做

可以把id赋值给一个隐藏组件然后在form组件加载的时候,从隐藏组件上取这个值,如果只是form的回显调用form.loadRecord(record),record是store中的一条记录就可以了

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/301979.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-30 16:10
下一篇 2024-12-30 16:10

相关推荐

  • Python简单数学计算

    本文将从多个方面介绍Python的简单数学计算,包括基础运算符、函数、库以及实际应用场景。 一、基础运算符 Python提供了基础的算术运算符,包括加(+)、减(-)、乘(*)、除…

    编程 2025-04-29
  • Python满天星代码:让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码,为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员,都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29
  • Python海龟代码简单画图

    本文将介绍如何使用Python的海龟库进行简单画图,并提供相关示例代码。 一、基础用法 使用Python的海龟库,我们可以控制一个小海龟在窗口中移动,并利用它的“画笔”在窗口中绘制…

    编程 2025-04-29
  • Python樱花树代码简单

    本文将对Python樱花树代码进行详细的阐述和讲解,帮助读者更好地理解该代码的实现方法。 一、简介 樱花树是一种图形效果,它的实现方法比较简单。Python中可以通过turtle这…

    编程 2025-04-28
  • Python大神作品:让编程变得更加简单

    Python作为一种高级的解释性编程语言,一直被广泛地运用于各个领域,从Web开发、游戏开发到人工智能,Python都扮演着重要的角色。Python的代码简洁明了,易于阅读和维护,…

    编程 2025-04-28
  • 用Python实现简单爬虫程序

    在当今时代,互联网上的信息量是爆炸式增长的,其中很多信息可以被利用。对于数据分析、数据挖掘或者其他一些需要大量数据的任务,我们可以使用爬虫技术从各个网站获取需要的信息。而Pytho…

    编程 2025-04-28
  • Java表单提交方式

    Java表单提交有两种方式,分别是get和post。下面我们将从以下几个方面详细阐述这两种方式。 一、get方式 1、什么是get方式 在get方式下,表单的数据会以查询字符串的形…

    编程 2025-04-27
  • 如何制作一个简单的换装游戏

    本文将从以下几个方面,为大家介绍如何制作一个简单的换装游戏: 1. 游戏需求和界面设计 2. 使用HTML、CSS和JavaScript开发游戏 3. 实现游戏的基本功能:拖拽交互…

    编程 2025-04-27
  • Guava Limiter——限流器的简单易用

    本文将从多个维度对Guava Limiter进行详细阐述,介绍其定义、使用方法、工作原理和案例应用等方面,并给出完整的代码示例,希望能够帮助读者更好地了解和使用该库。 一、定义 G…

    编程 2025-04-27
  • 2的32次方-1:一个看似简单却又复杂的数字

    对于计算机领域的人来说,2的32次方-1(也就是十进制下的4294967295)这个数字并不陌生。它经常被用来表示IPv4地址或者无符号32位整数的最大值。但实际上,这个数字却包含…

    编程 2025-04-27

发表回复

登录后才能评论