EXTJS与STRUTS2:实现数据查询与FormPanel应用

需积分: 1 0 下载量 87 浏览量 更新于2024-09-20 收藏 3KB TXT 举报
"EXTJS - struts2 查询" EXTJS(Extensible JavaScript Library)是一种流行的JavaScript库,主要用于开发富客户端应用程序,尤其是在基于Web的用户界面设计中。在这个示例中,我们看到的是如何在EXTJS中利用Struts2进行数据查询的操作。 首先,Ext.onReady函数是一个常见的EXTJS初始化函数,确保所有的EXTJS组件在DOM加载完成后执行。这里定义了一个名为bookStore的Store对象,它是EXTJS数据存储的核心,用于管理和处理服务器端的数据。它具有自动加载(autoLoad)属性,意味着数据会在创建后立即从服务器请求。 store的配置包含JsonReader,它负责解析JSON格式的响应数据。总记录数(totalRecords)是通过'Count'键获取的,而实际数据存储在'requestlist'键下。字段数组定义了store中的每个字段及其映射关系,例如'localNo'、'trac'等字段名对应服务器返回的相应键。 接下来,HttpProxy被用来作为store的代理,连接到名为'ErrRequestRpcAction.action'的Struts2 Action,通常在Java Web应用的后端处理HTTP请求和响应。这个Action可能是由一个Struts2控制器实现的,处理数据查询逻辑并返回JSON格式的数据。 然后,代码创建了一个FormPanel,用于输入搜索参数。该FormPanel包括一个文本域组件(textfield),用户可以输入本地号('da'字段)进行查询。布局采用列布局,使得表单更加清晰直观。 总结起来,这段代码展示了如何在EXTJS中使用Struts2的RESTful API进行数据查询,包括创建Store对象,设置数据读取器和服务器端连接,以及构建用户交互式的查询表单。这对于在客户端实现动态数据过滤和列表展示非常有用,是现代Web应用中常见的前端与后端集成方式。