ExtJS的grid行編輯插件事件觸發

来源:https://www.cnblogs.com/liusongsong/archive/2018/08/12/9464288.html
-Advertisement-
Play Games

本來這個號是為了找工作(記錄自己找工作期間刷代碼的所想所得,重要是假裝自己有一個技術博客...),但是排序演算法還沒刷完就找到了工作,所以就懶病繼續發作就沒寫了。現在工作了,真是什麼都不懂,為了記錄工作中遇到的問題,必須再把它撿起來。 最近的項目中要用到ExtJS,因為根本就不懂,所以就給我安排了一個 ...


       本來這個號是為了找工作(記錄自己找工作期間刷代碼的所想所得,重要是假裝自己有一個技術博客...),但是排序演算法還沒刷完就找到了工作,所以就懶病繼續發作就沒寫了。現在工作了,真是什麼都不懂,為了記錄工作中遇到的問題,必須再把它撿起來。

       最近的項目中要用到ExtJS,因為根本就不懂,所以就給我安排了一個簡單的表格增刪查改的實現,之中遇到了許多問題,慢慢解決吧,現在先說說在一個grid中,當使用了行編輯插件後,點擊保存如何觸發事件。

       如何在view面設置一個監聽、觸發監聽,之後在控制器頁面來處理這個監聽程式,過程如下:對於每一個類,由什麼來觸發監聽,可以再ExtJS自帶的api文檔中找到該類的Events項,裡面有哪些事件,哪些事件就能觸發監聽。例如Ext.grid.plugin.RowEditing類,有beforeedit、canceledit、edit、validateedit四種事件,那麼listener就可以監聽這四種事件,閱讀api文檔可知它們分別監聽什麼事件,在view頁面插件配置項下編寫如下代碼:

listeners: {
            edit: {
                fn: 'wobuzhidao',
                scope: 'controller'
            }
        }

  Listeners監聽了edit事件,其處理函數名為wobuzhidao,作用範圍在控制器,控制器代碼如下

wobuzhidao: function (editor, context, eOpts) {
        alert(context.record.get('age'));
    }

       在這個處理函數里,有3個參數,是從view頁面監聽程式的edit傳過來的,通過查閱api文檔我們可以看到這三個參數,並且知道他們分別代表什麼。以上代碼實現了在grid里的plugin插件中,對行編輯設置了一個監聽,當編輯保存後會觸發edit事件,通過context參數的.record.get(‘age’)獲取編輯行對應列的值。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 透視數據實際上就是行狀態轉為例狀態 先加一張測試表 把這張表查出來 我們將 custid行轉換成例 sql server 還支持一個子句用於 行轉列 PIVOT 是以FROM內嵌 表表達式實現的 PIVOT (數據行) for 要轉的列 IN (轉那幾個數據) ...
  • 很多人都知道大數據很火,就業很好,薪資很高,想往大數據方向發展。但該學哪些技術,學習路線是什麼樣的呢? 大數據的三個發展方向,平臺搭建/優化/運維/監控、大數據開發/設計/架構、數據分析/挖掘。 先說一下大數據的4V特征: 數據量大,TB->PB 數據類型繁多,結構化、非結構化文本、日誌、視頻、圖片 ...
  • 我有一個Objective-C協議,我試圖在Swift類中實現。例如: 當我嘗試在這樣的Swift類中符合它時: 我得到以下可怕的編譯器錯誤: Type '' cannot conform to protocol '' because it has requirements that cannot ...
  • 1.要用bootStrap這個框架就必須要重載它的class類,也就是說class要一樣 代碼如下: 有疑問的可以在下麵留言,歡迎大家一起交流 1.1動態模態框 1.2靜態模態框 ...
  • 1.jQuery的框架的驗證:validate框架 Jquery Validate 驗證規則 (1)required:true 必輸欄位(2)remote:”check.PHP” 使用ajax方法調用check.php驗證輸入值(3)email:true 必須輸入正確格式的電子郵件(4)url:tr ...
  • Javascript格式化並高亮xml字元串 兩個關鍵點 1. 使用DOMParser解析xml 2. 遞歸遍歷xml樹,按格式輸出每一個節點 關於使用DOMParser 此方法目前在IE9以上和其它瀏覽器里都是支持的,所以這裡不在寫關於IE9以下不支持的情況, 具體的使用請跳轉 "https:// ...
  • 最近做了幾個項目,發現正則表達式用得越來越多了。我個人的習慣是,能通過查手冊獲取的東西絕不死記硬背,雖然大多數技術網站都搜羅了一堆Javascript正則表達式的用法,但我還是想整理一份更有實戰意義的手冊。說白了就是,如果以後需要用到正則表達式,直接過來複制粘貼就行啦!我會儘量把排版做的漂亮一點,便 ...
  • CSS: HTML: JavaScript: ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...