2017-03-29 73 views
0

我有一個表單有兩個字段,「開始」日期和「結束」日期。我必須使用jQuery UI日期選擇器,因爲我的應用程序將在7英寸觸摸屏上運行,而且我需要自定義datepicker彈出的日曆的大小。我面臨的問題是,當我選擇日期時,它不會觸發字段中的「更改」事件,因此下面的圖不會改變。如果我物理輸入日期,則所有事情都按預期工作。我應該在代碼中尋找什麼事件來觸發圖表下面的日期字段jQuery UI datepicker不會觸發extjs字段中的更改

Example

+0

我堅信這是一個[XY問題](https://meta.stackexchange.com/questions/66377/what-is-the-xy-problem)。您的預期問題是「我如何定製ExtJS日期選擇器的大小」或「我如何編寫我自己的日期選擇器」。 [舉個例子,讓我告訴你我自己製作的自定義日期選擇器。](https://i.imgur.com/8mbPsJQ.png) – Alexander

回答

0

我假設你正在申請的日期選擇器的日期到Ext.form.field.Textfield 看一看的checkChange-config從ExtJS的6.2.1文檔:?

將在字段的輸入 元素上收聽的事件名稱的列表,這將導致檢查字段值以進行更改。 如果檢測到更改,則會觸發更改事件,如果啓用validateOnChange選項,則會觸發 驗證。在其他 瀏覽器中默認爲 ['change','propertychange','keyup']和 ['change','input','textInput','keyup','dragdrop']。
...
如果您需要 以保證即時變更通知包括這些邊緣 情況下,你可以調用checkChange方法上的重複間隔, 例如使用Ext.TaskManager,或者如果該字段位於Ext.form.Panel中,則可以使用FormPanel的 Ext.form.Panel#pollForChanges配置自動設置此類任務 。
...

所以,你可以調整名單有沒有適合您的需要或嘗試解決方法與Ext.TaskManager

+0

愚蠢的問題,但是它在「現代」工具箱中工作嗎?我知道Sencha決定將他們的ExtJS和Sencha Touch包裹拼湊成一個明顯的鵝卵石包裹。 –

相關問題