`
FirstBlood
  • 浏览: 162554 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

ExtJs4 将Grid的状态保存到服务器端

阅读更多
Ext.define("Ext.state.DBProvider", {
    extend: "Ext.state.Provider",
    constructor: function() {
        var me = this;
        me.callParent(arguments);
        //将数据库中的状态信息读出来
        //数据内容为 var states = [
        //                          {stateId: 'st1', stateValue: 'o%3Acollapsed%3Db%253A0%5Ecol....'},
        //                          {stateId: 'st2', stateValue: 'o%3Acollapsed%3Db%253A0%5Ecol....'}
        //                        ];
        //将数据转换为state对象,通过循环处理
        //state['st1'] = this.decodeValue(stateValue);
        //state['st2'] = this.decodeValue(stateValue);
    },

    //@override
    get: function(name, value) {
         return this.callParent(arguments);
    },

    //每次grid的状态改变时都会调用次函数
    //name :stateId
    //value: 状态数据对象
    set: function(name, value) {
        //将value序列化
        var state = this.encodeValue(value);
        //将 name,value 存入数据库中
        // TODO
        this.callParent(arguments);
    }
});
分享到:
评论

相关推荐

    ExtJS Filter 实现表格过滤

    这可以通过`Ext.state.Provider`类来实现,保存用户设定的过滤器状态到cookie或服务器端。 ### 性能优化 **7. 性能考虑** 对于大数据量的Grid,直接过滤所有数据可能会导致性能问题。为了避免这种情况,可以采用...

    ExtJS获取字段宽度顺序调整后的状态

    7. **状态持久化**:为了使用户设置的宽度和顺序状态在页面刷新或关闭后仍能保留,可以利用浏览器的本地存储(localStorage)或Cookie,或者通过Ajax发送请求将状态保存到服务器。 8. **复用状态**:在用户重新加载...

    Extjs4 mvc+struts 应用例子

    例如,当用户在Grid中进行编辑时,Struts action会接收到这些修改,更新后台数据库,然后返回更新后的数据或者操作状态给前端的ExtJS应用。 在实际的项目中,开发者可能还需要配置Struts的配置文件(struts.xml),...

    Extjs多文件上传

    通常,你需要将接收到的文件保存到指定的目录,并返回一个响应,告知前端文件是否成功上传。 5. 错误处理与反馈:无论是在前端还是后端,都需要对可能出现的错误进行捕获和处理,例如文件大小超出限制、文件类型不...

    ExtJs实现EditGrid中的增删改查操作(2)

    - 如果需要,可以调用`store.sync()`同步数据到服务器端。 2. **编辑(Edit)**: - EditGrid通常使用CellEditing插件实现行内编辑。通过监听`celldblclick`事件来启动编辑。 - 编辑完成后,使用Store的`commit...

    Extjs简单版酒店管理系统

    4. **报表功能**:可能有统计报表,如入住率、收入分析等,这可能需要结合服务器端的数据处理和图表组件来实现。 四、技术细节 1. **数据绑定**:ExtJS的Data Package允许开发者绑定模型(Model)到视图(View),...

    extjs做的增删改查

    Struts2则是一个流行的Java服务器端MVC框架,用于构建动态、数据驱动的Web应用。当我们把这两者结合起来,就可以创建出功能丰富的交互式Web应用,特别是对于实现数据库操作中的增、删、改、查(CRUD)功能。 在...

    轻松搞定Extjs

    - **提交表单至服务器**: 讲解了如何将表单数据提交给服务器端进行处理。 #### 更多表单组件 除了基本的输入框外,Extjs还提供了许多其他类型的表单组件,以适应不同的场景需求。 - **您能说出哪些表单组件呢?**...

    EXTJS strut

    在EXTJS中,文件上传通常通过FileField组件实现,该组件允许用户选择本地文件,并且可以与服务器端进行交互,完成文件的上传。EXTJS的多文件上传功能通常基于异步的方式,利用Ajax技术将多个文件分批或一次性发送到...

    EXTJS 服装批发网站后台

    同时,为了处理订单状态的变更,EXTJS的事件监听和处理机制将起到关键作用。 3. **文件结构分析**: - **App_Code**:通常在ASP.NET中存放自定义的服务器端代码,如C#或VB.NET类。 - **htmleditor**:可能包含一...

    asp.net与extjs开发点卡在线销售系统

    4. **订单处理**:用户下单后,服务器端需要处理订单信息,进行支付接口集成。可以利用ASP.NET的支付服务库,如PayPal或Alipay SDK,EXTJS则可以设计支付确认页面。 5. **数据库设计**:点卡库存、订单、用户信息等...

    Extjs中文教程

    - **Ajax通信**:讲解了如何使用Extjs的`Ext.Ajax`类来发送异步请求,获取服务器端的数据。 - **文件上传**:利用Ajax技术实现文件上传功能,包括文件选择、上传进度显示等。 #### 十一、分页与ComboBox - **分页*...

    java实现文件批量上传

    4. **服务器端处理**:在服务器端,你需要编写Java代码来接收这些上传的文件。通常,你会使用Servlet或Filter来处理HTTP请求,读取请求体中的文件数据,并将其保存到服务器的指定位置。 EXTJS的角色则是创建一个...

    一个Struts2+Ext实现增删改查的实例

    7. **交互逻辑**:ExtJS的事件监听和回调函数负责与用户的交互,如点击按钮触发AJAX请求,接收到服务器响应后更新Grid或Form的状态。 这个实例是一个典型的Struts2与ExtJS结合的实践,它展示了如何利用这两个工具集...

    深入浅出Ext JS(第2版)随书光盘源码

    4. **Ajax交互**:书中的代码会展示如何使用Ext.Ajax进行异步请求,处理服务器端返回的数据,以及实现CRUD操作。 5. **图表和图形**:Ext JS 提供了丰富的图表组件,如柱状图、饼图、线图等。源码中可能包含这些...

    Ext圖片上傳、刪除、查看.net源碼

    在接收文件时,会使用`HttpPostedFileBase`类来获取上传的文件,然后将其保存到服务器的指定位置。为了确保安全,可能还会对文件类型、大小进行验证。删除操作则涉及到文件系统的操作,如`System.IO.File.Delete`...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正TreeNode的属性NavigateUrl不接受服务器端URL(以~/开头)的BUG。 -增加Accordion和Tree配合使用的示例(other\accordion_tree_run.aspx)。 -修正Panel图标不能显示的BUG(CSS中class名不能有$字符)。 +去除...

    UniGUI集合说明

    - **服务器端事件处理**:对于绑定到Delphi服务器端代码的事件,则会由服务器端处理。这种方式适用于需要访问服务器资源或执行复杂业务逻辑的场景。 #### 2. 为什么UniGUI控件在IE中显示的字体会变小、模糊? IE...

    ExtAspNet_v2.3.2_dll

    -修正TreeNode的属性NavigateUrl不接受服务器端URL(以~/开头)的BUG。 -增加Accordion和Tree配合使用的示例(other\accordion_tree_run.aspx)。 -修正Panel图标不能显示的BUG(CSS中class名不能有$字符)。 +去除...

    Ext Js权威指南(.zip.001

    7.2.4 服务器端代理:ext.data.proxy.server / 305 7.2.5 使用ajax处理数据的代理:ext.data.proxy.ajax与ext.data.proxy.rest / 308 7.2.6 跨域处理数据的代理:ext.data.proxy.jsonp / 312 7.2.7 为ext.direct...

Global site tag (gtag.js) - Google Analytics