|
|
Chgrid的簡單功能介紹：
1：支持自定義排序
2：支持列寬度的拖放
3：支持自定義函數(shù)
4：支持分頁
5：支持自動(dòng)編號(hào)
6：多瀏覽器支持，支持ie6,ie7,ff,opera
7：div布局
已知問題：
1：由于使用的div布局，如果使用margin或者padding會(huì)改變定義的列寬度，所以目前文字只能居中或者靠左或靠右，不能使用padding控制位置
目前解決辦法是可以在每個(gè)div里面再附加一個(gè)div，用這個(gè)div的margin屬性來控制其位置。
2：內(nèi)容在超出容器寬度的時(shí)候，拖動(dòng)會(huì)有點(diǎn)小問題，。
怎樣修改樣式：
如果不改變風(fēng)格，大家只要對如下部分代碼調(diào)整就可以
Chgrid_column0{ width:20px;}
.Chgrid_column1{ width:100px;}
.Chgrid_column2{ width:80px;}
.Chgrid_column3{ width:120px;}
.Chgrid_column4{ width:100px;}
每多一列就再加一行比如.Chgrid_column5{ width:100px;}
注意：最后一列是不用定義寬度的，程序會(huì)自動(dòng)調(diào)整
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
其它優(yōu)秀的grid控件參考：
http://www.activewidgets.com
http://www.yui-ext.com/deploy/ext-1.0-alpha3/docs/
請千萬不要把我這款控件跟它們比較，差距較大，不過我也有優(yōu)勢，使用起來比較簡單，速度也快：）
本來想多加點(diǎn)數(shù)據(jù)，結(jié)果發(fā)現(xiàn)超過限制了，大家測試的時(shí)候自己多搞點(diǎn)數(shù)據(jù)測試其速度如何。
[ 本帖最后由 cityvoice 于 2007-3-15 16:52 編輯 ]
JavaScript技術(shù)：javascript表格控件：Chgrid，簡化型，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
