收藏本站 收藏本站
積木網首頁 - 軟件測試 - 常用手冊 - 站長工具 - 技術社區
首頁 > JavaScript > extjs > 正文

首頁 - PHP - 數據庫 - 操作系統 - 游戲開發 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell編程 - DOS命令 - jQuery - CSS樣式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

Extjs grid panel自帶滾動條失效的解決方法

之前用EXTJS的gridPanel組件的時候,因為經常對gridPanel中的stroe數據進行過濾,所以有時候總是導致gridPanel自身所帶的scrollbar失效。

查看圖片

取個實例,EXTJS gridPanel自帶的滾動條,是有一個固定的列寬來放置這個scrollbar的,如上圖所示。所以當這個scrollbar失效的時候,無論你怎么拖動這個滾動條,grid中的數據永遠都不會隨scrollbar的移動而展示相應區域的數據(換句話說就是你永遠看到的數據都是截圖中的這幾條record)。

至于為什么gridpanel會失效?暫時也不清楚原因是什么。之前在Extjs的論壇和stackoverflow上都有人遇見類似的問題,但是版本可能是都是4.1之前的,Extjs的dev team說他們從4.1版本開始已經修復了這個問題(不確定,希望用過4.1版本的童鞋論證下)。

好了,現在來說說怎么解決scrollbar失效。

xtype: 'gridpanel',
// autoScroll:true,
scroll:false, 
viewConfig: {
style: { overflow: 'auto', overflowX: 'hidden' }
}

可以看到,禁用了autoScroll這個屬性,并且把scroll設置為false,然后設置viewConfig, 這里把橫向的滾動條給禁用了,只保留縱向的滾動條。OK 問題解決,看看效果:

查看圖片

這時會發現滾動條沒有了自己的固有列,而是和grid的最后一個列并在了一起,gridPanel自帶的scrollbar就這樣被禁用咯。

同時也解決了這個潛在的bug。

但是這種用法最好是將grid中的所有列都設置好固定的寬度,并且設置屬性:

resizable:false

這樣可以避免一些禁用橫向滾動條帶來的不必要麻煩。

extjs form textfield的隱藏方法
this.formpanel=newExt.FormPanel({items:[{fieldLabel:'代碼',name:'FCode',anchor:'100%',id:'fid'},{fieldLabel:'名稱',name:'FName',anchor:'100%'//anchorwidthbypercentage},{xtype:'textfield',name:'FID

extjs grid取到數據而不顯示的解決
找了快1個小時,就是不知道錯誤在哪里。。。郁悶我在鼠標左側點擊tree節點,在右側創建一個標簽頁,這個已經能夠實現,于是我再在新建的標簽頁里

ExtJS 簡介 讓你知道extjs是什么
(wlr的blog應用)(ExtJS的表格控件)(不同主題的ExtJS彈出框效果)ExtJS是一個用javascript寫的,主要用于創建前端用戶界面,是一個與后臺技術無關的前端ajax框

本周排行

更新排行

強悍的草根IT技術社區,這里應該有您想要的! 友情鏈接:b2b電子商務
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP備05050695號
捕鱼大师辅助软件 陕西体彩11选5开奖 宁夏11选5遗漏号码查询 吉林快3赌大小预测图 十一选五玩法技巧 11选5任二一期一计划 中国十大股票软件排名 深圳风采35选7玩法 河北省快三 北京快3形态一定牛 私募股票推荐网址 广东快乐10分钟开奖 浙江福彩快乐12助手下载 正规配资网上上盈下载 股票涨跌原因 福建体彩36开奖结果 7club娱乐城百家乐