extjs橫向滾動條觸發事件的簡單介紹

本文目錄一覽:

js監聽橫向滾動條事件

你要監聽的對象錯誤了。你要監聽的是fixedDom

var fixedDom = document.getElementById(‘fixed’);

fixedDom.addEventListener(‘scroll’,winScroll,false);

function winScroll(e){

        debugger

        if(fixedDom.offsetLeft  document.body.scrollLeft){

    

        };

        if(fixedDom.offsetLeft  document.body.scrollLeft){

    

        };

}

extjs 控制項事件大全

Ext.form.TimeField:

配置項:

maxValue:列表中允許的最大時間

maxText:當時間大於最大值時的錯誤提示信息

minValue:列表中允許的最小時間

minText:當時間小於最小值時的錯誤提示信息

increment:兩個相鄰選項間的時間間隔,默認為15分鐘

format:顯示格式,默認為「g:i A」。一般使用「H:i:s」

H:帶前綴0的24小時

i:帶前綴0的分鐘

s:帶前綴0的秒

invalidText:當時間值非法時顯示的提示信息

altFormats:多個時間輸入格式組成的字元串,不同的格式之間使用「|」進行分割

Ext.form.FieldSet

animCollapse:動畫摺疊,默認為false

checkboxToggle:設置是否顯示欄位集的checkbox選擇框,默認為false

checkboxName:指定欄位集中用於展開或隱藏欄位集面板的checkbox的名字,該屬性只有在checkboxToggle為true時生效

labelWidth:欄位標籤的寬度,可以級聯到子容器

layout:布局,默認為form

Ext.form.DateFied

maxValue:允許選擇的最大日期

maxText:當日期大於最大值時的錯誤提示信息

minValue:允許選擇的最小時間

minText:當日期小於最小值時的錯誤提示信息

format:日期顯示格式,默認為「m/d/y」,一般使用「Y-m-d」

Y:四位年份

m:帶前綴0的月份

d:帶前綴0的日期

y:兩位年份

n:不帶前綴0的月份

j:不帶前綴0的日期

w:星期的數字,0表示星期日,1代表星期一

showToday:是否顯示今天按鈕,默認為true

altFormats:多個日期輸入格式組成的字元串,不同的格式之間使用「|」進行分割,默認值為’m/d/Y|n/j/Y|n/j/y|m/j /y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d’

disabledDates:禁止選擇的日期組成的數組

disabledDatesText:選擇禁選日期時顯示的提示信息

disabledDays:禁止選擇的星期組成的數組,0代表星期日,1代表星期一

disabledDaysText:選擇禁選星期時顯示的提示信息

invalidText:當日期值非法時顯示的提示信息

方法:

getValue():取得日期值

Ext.form.ComboBox

displayField:被顯示在下拉框中的欄位名

editable:是否可編輯,默認為true

forceSelection:輸入值是否嚴格為待選列表中存在的值。如果輸入不存在的值,會自動選擇第一個最接近的值。

hiddenName:隱藏欄位的名字,如果提供該參數則一個隱藏欄位將被創建,用來存儲所選值,當表單提交時在伺服器端可以通過該名字取得列表中的所選值

listWidth:下拉列表的寬度

minListWidth:下拉列表的最小寬度,默認為70像素

loadingText:當下拉框載入數據時顯示的提示信息,只有當mode=’remote’時才會生效

maxHeight:下拉列表框的最大高度,默認為300像素

minChars:下拉列表框自動選擇前用戶需要輸入的最小字元數量。mode=’remote’默認為4,mode=’local’默認為0

mode:下拉列表框的數據讀取模式。remote讀取遠程數據,local讀取本地數據

pageSize:下拉列表框的分頁大小。該項設置只在mode=’remote’時生效

queryParam:查詢的名字,默認為’query’,將被傳遞到查詢字元串中

allQuery:一個發往伺服器用來查詢全部信息的查詢字元串,默認為空字元串”

selectOnFocus:當獲得焦點時立刻選擇一個已存在的列表項。默認為false,此項只有在editable=true時才會生效

store:列表框綁定的數據源

transform:將頁面中已存在的元素轉換為組合框

lazyInit:延時初始化下拉列表,默認為true

lazyRender:延時渲染,默認為false

triggerAction:設置單擊觸發按鈕時執行的默認操作,有效值包括all和query,默認為query,如果設置為all則會執行allQuery中設置的查詢

typeAhead:設置在輸入過程中是否自動選擇匹配的剩餘部分文本(選擇第一個滿足條件的),默認為false

value:初始化組合框中的值

valueField:組合框的值欄位

valueNotFoundText:值不存在時的提示信息

tpl:Ext模板字元串或模板對象,可以通過該配置項自定義下拉列表的顯示方式

方法:

clearValue():清空欄位當前值

doQuery( String query, Boolean forceAll ):

getValue():

getStore():

setValue( String value ):

Ext.from.RadioGroup

allowBlank:

blankText:

Ext.form.Radio;

getGroupValue():

setValue( value {String/Boolean} ):

Ext.form.CheckboxGroup

allowBlank:是否允許不選擇,默認為true

blankText:

columns:顯示的列數,可選值包括:固定值auto、數值、數組(整數、小數)

items:對象數組

vertical:是否垂直方向顯示對象,默認為false

Ext.form.Checkbox

boxLabel:複選框的文字描述

checked:複選框是否被選擇,默認為false

handler:當checked值改變時觸發的函數,函數包含兩個參數:checkbox、checked

inputValue:

方法:

getValue():返回複選框的checked狀態

setValue( Boolean/String checked ):

Ext.form.NumberField

allowDecimals:是否允許輸入小數,默認為true

allowNegative:是否允許輸入負數,默認為true

baseChars:輸入的有效數字集合,默認為’0123456789′

decimalPrecision:數字的精度,默認保留小數點後2位

decimalSeparator:十進位分隔符,默認為’.’

maxValue:允許輸入的最大數值

maxText:超過最大值之後的提示信息

minValue:允許輸入的最小數值

minText:超過最小值之後的提示信息

nanText:輸入非有效數值之後的提示信息

Ext.form.TextArea

preventScrollbars:是否禁止出現滾動條,默認為false

extjs4 裡面怎麼監聽滾動條?

設置scrollable:true.

如果內容超過panel的寬度、高度就會出現滾動條

scrollable : Boolean/String/Object

Configuration options to make this Component scrollable. Acceptable values are:

true to enable auto scrolling.

false (or null) to disable scrolling – this is the default.

x or horizontal to enable horizontal scrolling only

y or vertical to enable vertical scrolling only

Also accepts a configuration object for a Ext.scroll.Scroller if if advanced configuration is needed.

The getter for this config returns the Scroller instance. You can use the Scroller API to read or manipulate the scroll position:

extjs grid表格,當橫向滾動條不靠左邊時,在數據行之間切換點擊時,可以發現表格搖晃的厲害

瀏覽器的問題,瀏覽器對 JS 的 編譯速度不好。

建議換個版本或者直接換個瀏覽器試試。

Extjs 3.2版本 formpanel中同時出現橫、豎滾動條,用火狐和谷歌測試時橫向滾動條無法去掉,求指教!

這個百分之百肯定是你那裡寫錯了或者沒有設置好,extjs我用了一年還沒出現過你說的問題,

你其實可以拿布局去限制一下。或者是看看你那裡高度或者寬度設置的有問題了 ,最好吧代碼貼出來 不然沒法給你找錯誤

原創文章,作者:QOVK,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/150110.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
QOVK的頭像QOVK
上一篇 2024-11-07 09:49
下一篇 2024-11-07 09:49

相關推薦

  • Python簡單數學計算

    本文將從多個方面介紹Python的簡單數學計算,包括基礎運算符、函數、庫以及實際應用場景。 一、基礎運算符 Python提供了基礎的算術運算符,包括加(+)、減(-)、乘(*)、除…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • Python海龜代碼簡單畫圖

    本文將介紹如何使用Python的海龜庫進行簡單畫圖,並提供相關示例代碼。 一、基礎用法 使用Python的海龜庫,我們可以控制一個小海龜在窗口中移動,並利用它的「畫筆」在窗口中繪製…

    編程 2025-04-29
  • Python櫻花樹代碼簡單

    本文將對Python櫻花樹代碼進行詳細的闡述和講解,幫助讀者更好地理解該代碼的實現方法。 一、簡介 櫻花樹是一種圖形效果,它的實現方法比較簡單。Python中可以通過turtle這…

    編程 2025-04-28
  • 抖音外放親媽下葬事件的背後真相

    近期,一段抖音外放親媽下葬的視頻引發廣泛關注和熱議。不少人對這個事件感到震驚和憤怒,認為這種行為非常不尊重親人,觸犯了社會公德和家庭道德。但是,事情真相到底是什麼呢?我們有必要從多…

    編程 2025-04-28
  • Python大神作品:讓編程變得更加簡單

    Python作為一種高級的解釋性編程語言,一直被廣泛地運用於各個領域,從Web開發、遊戲開發到人工智慧,Python都扮演著重要的角色。Python的代碼簡潔明了,易於閱讀和維護,…

    編程 2025-04-28
  • 用Python實現簡單爬蟲程序

    在當今時代,互聯網上的信息量是爆炸式增長的,其中很多信息可以被利用。對於數據分析、數據挖掘或者其他一些需要大量數據的任務,我們可以使用爬蟲技術從各個網站獲取需要的信息。而Pytho…

    編程 2025-04-28
  • 如何製作一個簡單的換裝遊戲

    本文將從以下幾個方面,為大家介紹如何製作一個簡單的換裝遊戲: 1. 遊戲需求和界面設計 2. 使用HTML、CSS和JavaScript開發遊戲 3. 實現遊戲的基本功能:拖拽交互…

    編程 2025-04-27
  • Guava Limiter——限流器的簡單易用

    本文將從多個維度對Guava Limiter進行詳細闡述,介紹其定義、使用方法、工作原理和案例應用等方面,並給出完整的代碼示例,希望能夠幫助讀者更好地了解和使用該庫。 一、定義 G…

    編程 2025-04-27
  • 帶滾動條的文本框

    本文將從多個方面對帶滾動條的文本框進行詳細的闡述,包括實現方式、功能特點、優點及注意事項。 一、實現方式 帶滾動條的文本框可以通過使用HTML和CSS實現,具體代碼如下: <…

    編程 2025-04-27

發表回復

登錄後才能評論