сохраняющиеся фильтры в панели сетки

Question

Я бы хотел, чтобы фильтры сохранялись на сетке на странице обновления. Можете ли вы, пожалуйста, направить меня на это.

Спасибо.

---

Вот код, который отправить данные фильтра для WebService

Ext.extend(Ext.ux.AspWebServiceProxy, Ext.data.DataProxy,  
{ 
    load: function(params, reader, callback, scope, arg) {     
    var userContext = { 
       callback: callback,     
       reader: reader, 
       arg: arg, 
       scope: scope 
      }; 

    var proxyWrapper = this; 

      //debugger; 
      //Handles the response we get back from the web service call 
      var webServiceCallback = function(response, context, methodName) { 
       proxyWrapper.loadResponse(response, userContext, methodName); 
      } 

      var serviceParams = []; 
      var filters = {}; 
      //Convert the params into an array of values so that they can be used in the call (note assumes that the properties on the object are in the correct order) 
      for (var property in params) { 
       if (property.indexOf("filter[") == 0) { 
        filters[property] = params[property]; 
       } 
       else { 
        serviceParams.push(params[property]); 
       } 
       //console.log("Property: ", property, "Value: ", params[property]); 
      } 
      serviceParams.push(filters); 

      //Add the webservice callback handlers 
      serviceParams.push(webServiceCallback); 
      serviceParams.push(this.handleErrorResponse); 

      //Make the actual ASP.Net web service call 
      this.webServiceProxyMethod.apply(this.webServiceProxy, serviceParams); 
     }, 

     handleErrorResponse: function(response, userContext, methodName) { 
      window.location.reload(); 
      //        Ext.MessageBox.show({ 
      //          title: 'Error', 
      //          msg: response.get_message(), 
      //          buttons: Ext.MessageBox.OK, 
      //          icon: Ext.MessageBox.ERROR 
      //         }); 
      //alert("Error while calling method: " + methodName + "n" + response.get_message()); 
     }, 

     loadResponse: function(response, userContext, methodName) { 
      var result = userContext.reader.readRecords(response); 
      userContext.callback.call(userContext.scope, result, userContext.arg, true); 
     } 

    }); 

Answer 1

Включите государственного менеджера Ext JS глобально (где вы установили Ext.BLANK_IMAGE_URL).

Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); 

Пользовательские изменения некоторых компонентов теперь будут храниться в файле cookie, который будет сохраняться в запросах. Если вам нужно сохранить дополнительные пользовательские данные, вы можете сделать это, используя Ext.state.Manager.set и Ext.state.Manager.get. Состояние настраивается на отдельных компонентах.

Saki имеет good example.

Answer 2

Чтобы сохранить фильтры по сетке можно использовать куки, здесь вы можете найти некоторую помощь:

proxy: new Ext.data.HttpProxy({ 
     url: (local ? url.local : url.remote), 
     method: 'GET', 
     listeners:{ 
      beforeload : function(dataproxy,param) { 
       if(param.searchConditions != undefined && param.searchConditions != '[]') {      
        Ext.util.Cookies.set('SearchConditions',param.searchConditions); 
       } 

      } 
     } 
    }) 

В приведенном выше примере вы можете обнаружить, что мы устанавливаем «searchConditions» JSONArray в cookies.Now давайте посмотрим, как чтобы вернуть это «searchCondition» всякий раз, когда вы загружаете Grid.

store.load({ 
      params:{ 
       start:0, 
       limit: 50, 
       searchConditions:JSON.parse(Ext.util.Cookies.get('SearchConditions')); 
      } 
     }); 

Здесь просто нужно просто передать значение параметра «searchCondition» в качестве значения, хранящегося в Cookie. Надежда выше пример полезен. Пожалуйста, прокомментируйте любую помощь.