1. 程式人生 > >extjs4學習筆記(二)----- 監聽事件beforeload使用

extjs4學習筆記(二)----- 監聽事件beforeload使用

EXTJS4 store 監聽事件beforeload使用(grid帶引數,查詢,分頁)

最近看store發現一個方法–beforload,官網定義

在一個新資料物件請求發出前觸發此事件. 如果beforeload的處理函式返回’false’, 資料請求將被取消.

Store註冊beforeload監聽事件重新載入grid的方法,用於條件查詢 如果我們使用條件查詢過濾表格中的資料,而請求的是同一個URL,只是根據傳入的引數不同而得到不同結果集的情況下,我們可以使用Store的addListener方法註冊一個beforeload事件,也可以使用listeners屬性註冊一個beforeload事件。
使用listeners請求注入引數

listeners: {  
    'beforeload': function (store, op, options) {  
    var params = { 
    startdate:Ext.getCmp('startdate').getValue(),  
    enddate:Ext.getCmp('enddate').getValue() //傳遞引數 
 };  
  Ext.apply(store.proxy.extraParams, params);   
         }  
  }

使用addListener請求注入引數

grid.getStore().addListener({
beforeload:function
(store,records,options){
 store.baseParams = {   query:'true',   name:name //name為之前定義的變數  }; } });

beforeload還有一個重要的作用是進行分頁。beforeload可以實現在建立store後每次自動載入前都需要獲取查詢條件的功能

var abStore = Ext.create('Ext.data.Store', {  
                autoLoad : {  
                    start : 0,  
                    limit : itemsPerPage  
                },  
                pageSize : itemsPerPage,  
                model : 'test'
, autoLoad : true, proxy : { type : 'ajax', url : path + '***', reader : { type : 'json', root : 'rows', totalProperty : 'results', idProperty : '**' } } }); //解決查詢條件分頁問題 abStore.on('beforeload', function(store, options) { var apply = Ext.getCmp('applytime').getValue(); var end2 = Ext.getCmp('endtime').getValue(); var start = Ext.util.Format.date(apply, 'Y-m-d'); var stop = Ext.util.Format.date(end2, 'Y-m-d'); var new_params = { applytime : start, endtime : stop }; Ext.apply(store.proxy.extraParams, new_params); });

相關推薦

extjs4學習筆記----- 事件beforeload使用

EXTJS4 store 監聽事件beforeload使用(grid帶引數,查詢,分頁) 最近看store發現一個方法–beforload,官網定義 在一個新資料物件請求發出前觸發此事件. 如果beforeload的處理函式返回’false’, 資料請求

BOM學習筆記繫結事件處理函式、history、location

5、navigator物件包含有關瀏覽器的資訊              navigator物件集合            

JAVAscript學習筆記 js句柄事件 第四節 原創 參考js使用表

必須 htm -c eve property blog uncaught event add <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

php laravel框架學習筆記 數據庫操作

true 數據 mar sql show top 一行 ati del 原博客鏈接:http://www.cnblogs.com/bitch1319453/p/6810492.html mysql基本配置 你可用通過配置環境變量,使用cmd進入mysql,當然還有一種東

java學習筆記圖形用戶接口

star strong per getwidth cep runnable graphics s2d gb2 這個學期主要放在ACM比賽上去了,比賽結束了。不知不覺就15周了,這周就要java考試了,復習一下java吧。java的學習的目的還是讓我們學以致用,讓我們可以

數據結構學習筆記 線性表的順序存儲和鏈式存儲

出錯 初始化 node != test span 輸入 des val 線性表:由同類型數據元素構成有序序列的線性結構  --》表中元素的個數稱為線性表的長度  --》沒有元素時,成為空表  --》表起始位置稱表頭,表結束位置稱表尾 順序存儲:    1 package

Memcache 學習筆記---- PHP 腳本操作 Memcache 服務器

ext status ram var_dump 介紹 修改 memcache local dbn    PHP 腳本操作 Memcache 服務器 一、PHP腳本操作Memcache方法     使用 PHP 腳本操作 Memcache,在 PHP 手冊中有詳細的介紹,我們

javascript學習筆記:定義函數、調用函數、參數、返回值、局部和全局變量

兩個 cnblogs bsp 結果 value ava ase com 調用 定義函數、調用函數、參數、返回值 關鍵字function定義函數,格式如下: function 函數名(){ 函數體 } 調用函數、參數、返回值的規則和c語言規則類似。 1 <!DOC

神箭手爬蟲學習筆記

暫存 自動 表達 eve doc 常用 學習 數據 .sh 一,可以使用神劍手已經做好的爬蟲市場直接跑,不需要自己定義爬取規則 二,爬蟲市場裏沒有的網站,需要自己去定義規則來爬數據。 三,爬取的數據可以先存放在神劍手,也可以放到七牛暫存。(提醒下,網站需要數據備份如果數量不

thinkphp5.0學習筆記API後臺處理與命名空間

mac code 輸入 -1 pub 基礎 select() color 第一個 命名空間 先來看命名空間吧; 命名空間是學習TP的基礎, <?php namespace app\lian\c1; class yi{ public $obj = "這是第一個

MongoDB學習筆記

.get 條件過濾 條件 $set system.in ins version tle 不存在 一、Mongodb命令 說明:Mongodb命令是區分大小寫的,使用的命名規則是駝峰命名法。 對於database和collection無需主動創建,在插入數據時,如果dat

設計模式學習筆記 設計基本原則之【單一職責原則】

code 分享 開發者 實際應用 需要 ret ext file類 tor 單一職責原則(SRP: Single Responsibility Principle) 名詞解釋: 1) 職責:是指類變化的原因。 2) 職責擴散:就是因為某種原因,職責P被分化為粒度更細的職責P

CSS學習筆記:特性

code 背景色 左移 line tex lin 安裝 其中 cas 一、顏色特性 1. 前景色:color 用種方式指定前景色,3種方式分別是rgb顏色,#16進制編碼,顏色名稱: color: rgb(100,100,100); color: #ee3e80; col

tensorflow學習筆記

example initial turn rate mnist pac rac test mode import tensorflow as tfimport numpy as npimport mathimport tensorflow.examples.tutorial

SSH學習筆記

via linu inf 一段時間 isp x-window window max tcl 1 # 1. 關於 SSH Server 的整體設定,包含使用的 port 啦,以及使用的密碼演算方式 2 Port 22          # SSH 預設使用 22 這

Git學習筆記

== 我們 ash 發出 效率 媳婦兒 src 每天 apply 一、分支管理 1、什麽是分支   分支就相當於我們看科幻片裏的平行宇宙,如果兩個平行宇宙互不幹擾,那鐵定是啥事兒沒有。不過,在某個時間點,兩個平行宇宙合並了呢?假如兩個宇宙中都有你的影子, 合並之後相當於你們

MySql學習筆記

ati 保存 ron setting mysql的安裝 use t-sql語句 cnblogs 完全卸載mysql MySql的安裝配置與卸載: 安裝:(1)將MySql的綠色版免安裝包放到D盤,命令行進入mysql綠色版解壓縮後的bin目錄:cd D:\mysql-5.

Unity3D之Mecanim動畫系統學習筆記:模型導入

leg character ... sdk ocs 物體 mat 版本 sset 我們要在Unity3D中使用上模型和動畫,需要經過下面幾個階段的制作,下面以一個人形的模型開發為準來介紹。 模型制作 模型建模(Modelling) 我們的美術在建模時一般會制作一個稱為

算法第四版學習筆記——初級排序算法

space 倒序 優勢 name 算法 turn 資料 eply n) 時間復雜度(Time Complexity): 總運算次數表達式中受n的變化影響最大的那一項(不含系數)(註:若算法中語句執行次數為一個常數,則時間復雜度為O(1)) 若T(n)/f(n)求極限可得

Java學習筆記-------String,StringBuffer,StringBuilder區別以及映射到的同步,異步相關知識

ringbuf 等待 java學習筆記 java學習 單線程 回復 改變 hashtable ble 1. String是不可變類,改變String變量中的值,相當於開辟了新的空間存放新的string變量 2. StringBuffer 可變的類,可以通過append方法改