ExtJs与ASP.NET的Linq to SQL及SQL存储过程交互实践

本文主要介绍了如何在ExtJs前端框架与ASP.NET后端环境中，结合Linq to SQL技术与SQL Server的存储过程进行数据交互。包括了Grid后台分页、Form表单提交、数据的增删改操作以及使用HTTP Handler作为通信接口的方法。同时，文章还展示了创建数据库表和填充初始数据的SQL语句。 1. **Grid后台分页** 在ExtJs的Grid组件中，实现后台分页是通过配置store对象来完成的。通常会设置远程分页（remoteSort: true, remoteFilter: true）和每页记录数（pageSize），然后在服务器端处理分页请求，返回对应的记录数据。 2. **Form表单提交** ExtJs的Form表单提供了方便的数据收集和验证功能。表单提交时，可以通过Ajax方式将数据发送到服务器，通常会绑定一个提交事件处理器，处理提交逻辑。在ASP.NET中，接收并处理这些数据。 3. **数据操作** - **更新**: 使用store的`sync()`方法，配合Ext.data.Model的`save()`方法，可以将更改同步回服务器。 - **删除**: store的`remove()`方法用于从内存中移除记录，然后调用`sync()`进行实际删除操作。 - **增加**: store的`insert()`方法将新记录插入到指定位置，同样需要调用`sync()`保存到数据库。 4. **Web服务通信** - **Handler ( IHttpHandler )**: ASP.NET中的Handler是轻量级的处理程序，可以用来接收和响应来自ExtJs的请求，执行Linq to SQL查询或调用存储过程。 5. **Linq to SQL** Linq to SQL 是.NET Framework提供的一种ORM（对象关系映射）工具，它允许开发者使用C#或VB.NET的查询语法直接操作数据库。在ASP.NET中，可以通过DataContext类来连接数据库，并通过LINQ查询来执行SQL语句和调用存储过程。 6. **SQL存储过程** 存储过程是在数据库中预编译的SQL代码集合，可以提高性能和安全性。在Linq to SQL中，可以创建一个DataContext的方法来映射存储过程，然后在代码中调用这个方法，传入参数并获取结果。 7. **文件结构** 文件结构可能包括： - ASP.NET项目：含Handler (.ashx) 文件，处理与ExtJs的通信； - 数据访问层 (DAL): 包含Linq to SQL的DataContext文件和相关的.cs类，用于数据库操作； - 前端：包含ExtJs的JS文件，定义Grid、Form和Store等组件； - 数据库脚本：创建tb_user表和插入数据。 8. **数据库示例** 创建名为tb_user的表，包含use_id（主键）、use_name、use_sex和use_address字段，并填充了一些初始数据。 总结起来，这篇文章详细讲解了如何在ExtJs和ASP.NET环境下，利用Linq to SQL与SQL Server的存储过程进行数据操作，包括前后端交互的实现步骤和具体代码示例，对于理解这种开发模式有很大帮助。