extjs 事件執(zhí)行

mylxsw 發(fā)布于2019-08-21 10:17 / 2098人閱讀

摘要：問題是解決了，但引發(fā)我猜想，我最初是以為多線程的原因，不然不能解釋這個(gè)現(xiàn)象程序肯定沒有順序執(zhí)行。雖說現(xiàn)在已經(jīng)有了多線程，但現(xiàn)在沒用到，就不在記錄之列了參考鏈接異步編程阮一峰

緣起

在項(xiàng)目中用到了extjs做后臺(tái)頁面展示，當(dāng)時(shí)寫了一個(gè)product 模塊，在新增窗口里放了一個(gè)card布局器，里面有不同的表單，當(dāng)然新增窗口還有保存，重置，關(guān)閉這三個(gè)按鈕。

當(dāng)時(shí)在保存時(shí)寫了下面代碼：

text : "保存",
disabled : true,
handler : function(){
    this.getFormValues();
    this.cleanFormValues();
},
scope : this

其中 getFormValues 函數(shù)里面激活了一個(gè)事件，用來提交表單值到后臺(tái)。當(dāng)時(shí)這么寫一直提交失敗，調(diào)了很久次仍未發(fā)現(xiàn)錯(cuò)誤，偶然心想是不是清除值的問題，我將 cleanFormValues 函數(shù)注釋掉，果然提交成功。

問題是解決了，但引發(fā)我猜想，我最初是以為多線程的原因，不然不能解釋這個(gè)現(xiàn)象（程序肯定沒有順序執(zhí)行）。后來在別人的提點(diǎn)下才知道： JS 是單線程執(zhí)行的，但為了提高效率，卻有異步機(jī)制的出現(xiàn)（只怪自己是井底之蛙）。而extjs 封裝了js,也是繼承這種機(jī)制，故我之前那么寫就會(huì)出問題。

之所以記錄這篇，是明確更正自己對(duì)JS的誤識(shí)。（雖說html5現(xiàn)在已經(jīng)有了多線程，但現(xiàn)在沒用到，就不在記錄之列了）

參考鏈接：Javascript異步編程 - 阮一峰

云服務(wù)器 GPU云服務(wù)器 extjs 事件機(jī)制 js事件執(zhí)行過程點(diǎn)擊事件執(zhí)行php js點(diǎn)擊事件重復(fù)執(zhí)行

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/85250.html

相關(guān)文章

Extjs 筆記

摘要：前言本文章為平時(shí)工作是遇到的一些特效，不定時(shí)更新，并非完全原創(chuàng)，如有意見或建議，請(qǐng)?jiān)谙路搅粞裕視?huì)做出相應(yīng)補(bǔ)充或處理。自適應(yīng)寬度復(fù)制按鈕實(shí)現(xiàn)通過點(diǎn)擊按鈕將特定內(nèi)容復(fù)制到瀏覽器剪貼板的功能。前言本文章為平時(shí)工作是遇到的一些Extjs特效，不定時(shí)更新，并非完全原創(chuàng)，如有意見或建議，請(qǐng)?jiān)谙路搅粞?，我?huì)做出相應(yīng)補(bǔ)充或處理。 grid 鼠標(biāo)懸浮提示通過列的render屬性改變樣式 func...

zhouzhou 2019-08-22 15:38 評(píng)論0 收藏0
extjs-擴(kuò)展:百度echarts引入

摘要：本節(jié)介紹如何將百度的引入項(xiàng)目，官網(wǎng)先上個(gè)圖，看一下效果圖片描述思路正常情況下是以一個(gè)作為渲染容器的，而且這個(gè)必須指定高度初始化。本節(jié)介紹如何將百度的echarts引入extjs項(xiàng)目，echarts官網(wǎng) 先上個(gè)圖，看一下效果圖片描述思路 echarts正常情況下是以一個(gè)div作為渲染容器的，而且這個(gè)div必須指定高度初始化。在extjs里，適合干這件事的組件，就是panel面板了。...

kid143 2019-08-22 13:58 評(píng)論0 收藏0
extjs-mvc結(jié)構(gòu)實(shí)踐(二):基本頁面

摘要：接著來，上一篇搭建了基本的項(xiàng)目骨架，到最后，其實(shí)啥也沒看見。。。目標(biāo)全屏顯示左側(cè)導(dǎo)航菜單，右側(cè)標(biāo)簽頁切換操作內(nèi)容區(qū)域。一般模型與你后臺(tái)返回的數(shù)據(jù)結(jié)構(gòu)一一對(duì)應(yīng)。給其他組件提供一致接口使用數(shù)據(jù)。整個(gè)構(gòu)成一個(gè)所謂的。接著來，上一篇搭建了基本的項(xiàng)目骨架，到最后，其實(shí)啥也沒看見。。。書接上回，開始寫UI效果。目標(biāo) 全屏顯示、左側(cè)導(dǎo)航菜單，右側(cè)標(biāo)簽頁切換操作內(nèi)容區(qū)域。包含header和foo...

changfeng1050 2019-08-22 13:57 評(píng)論0 收藏0
EXTJS-6.2.0示例-全國省市縣三級(jí)聯(lián)動(dòng)（傳統(tǒng)組件方式）

摘要：實(shí)現(xiàn)全國城市三級(jí)聯(lián)動(dòng)傳統(tǒng)模式，監(jiān)聽下拉選擇框的事件實(shí)現(xiàn)全國城市三級(jí)聯(lián)動(dòng)傳統(tǒng)方式省份請(qǐng)選擇城市請(qǐng)選擇區(qū)縣請(qǐng)選擇三級(jí)聯(lián)動(dòng)用到的全國城市數(shù)據(jù) extjs 6.2.0 實(shí)現(xiàn)全國城市三級(jí)聯(lián)動(dòng) 傳統(tǒng)模式，監(jiān)聽下拉選擇框的change事件實(shí)現(xiàn) 全國城市三級(jí)聯(lián)動(dòng)-傳統(tǒng)方式 function ge...

greatwhole 2019-08-22 14:00 評(píng)論0 收藏0
extjs grid中一行或者一個(gè)單元格中有多個(gè)鏈接的時(shí)候怎么判斷是哪一個(gè)？

摘要：如圖有多個(gè)鏈接，探頭維度配置詳情日志以上面代碼為例，在的時(shí)候可以在鏈接中自定義一個(gè)屬性，這樣就可以通過單元格的點(diǎn)擊事件監(jiān)聽，然后通過判斷點(diǎn)擊的是哪一個(gè)鏈接，代碼如下這是單擊單元格時(shí)，觸發(fā)的事件定義一個(gè)函數(shù)，等下請(qǐng)求日志是同一個(gè)服務(wù)器 showImg(https://segmentfault.com/img/bVNJ1z?w=1257&h=102);如圖有多個(gè)鏈接， { ...

microcosm1994 2019-08-20 16:36 評(píng)論0 收藏0