程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> 發布一個鎖定行列的一種方法

發布一個鎖定行列的一種方法

編輯:關於ASP.NET

功能介紹:

可以實現鎖定表格的行和列的功能,效果和Excel裡的凍結窗格類似,當然沒有Excel那麼強大了,只是類似。

問題:

當一個table太大而導致在屏幕裡顯示不下的時候,IE會出現滾動條,但是這時候就不好看了,對用戶的操作也不是很方便。於是我們就想給他加一個限制,在制定的范圍內滾動。

如何實現呢?網上也有不少實現方法了,效果如何就不發表意見了,這裡主要是想說一下我的思路。

思路:

1、其實思路很簡單,div有一個“功能”,給他的style 加上 "CLEAR: none; OVERFLOW: auto; WIDTH: 100px; HEIGHT:100px" 後,div就會出現滾動條(當然要在div裡的內容超出div設置的時候)。這樣div裡的table 就可滾動了。但是行和列也以一起跟著動了起來。

2、行和列如何“鎖定”呢?這裡我用了一個笨招,用三個div來分別放置行和列,以及行列交叉的地方。這樣看起來就像是別鎖定住了。

3、當然行和列並不是不動就可以了,也要根據div的滾動條的滾動作出變化(移動)才可以,這裡就要使用js來幫忙了。

優點:

1、侵入性小。只需要在。aspx頁面裡加幾個div,引用一個。js文件就可以了。其他的文件裡的代碼都不用修改。

2、適用范圍比較廣:針對生成的 <table> 標簽,而不針對服務器控件,所以DataGrd、GridView、DataList等都可以使用,只要輸出的是 table 形式的html代碼就可以。

3、可以同時鎖定行和列,行數和列數可以自定義。“鎖定”效果好,不會出現“跳動”的現象。

缺點:

1、占用客戶端的資源比較大,行數多的時候會有一點點慢。

2、不支持ff.

js的能力還是不夠強,目前只能這樣了,但這不是最終的結果,還是要更新升級的。發出來也是想請各路高手指點一二。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved