学习jQuery(一),做的第一个可拖动列的Grid
生活随笔
收集整理的這篇文章主要介紹了
学习jQuery(一),做的第一个可拖动列的Grid
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
想想前些日子面試時(shí)人家問(wèn)我會(huì)jQuery嗎?我說(shuō)不會(huì),問(wèn)我會(huì)用.net GridView嗎?我說(shuō)用的少,都直接寫CSS.于是被拒之門外...呵呵,玩笑,當(dāng)然還有其他原因啦。
最近沒(méi)工作沒(méi)事干,想想學(xué)學(xué)jQuery吧,然后想寫一個(gè)可拖拽列的Grid(其實(shí)有像flexigrid很強(qiáng)大的組件,還寫這干嘛呵),這樣可加快自己的開發(fā)進(jìn)度。
接觸了jQuery,才發(fā)現(xiàn)其功能很強(qiáng)大啊,光是$和each就讓我很受用了,以前dom寫半天,用這個(gè)一下就搞定了。慢慢的,對(duì)javascript類的寫法也有了一定的了解,邊學(xué)便用,最后搞了這個(gè)東東出來(lái)。
這個(gè)由于沒(méi)有FF和IE6,所以只用了IE7測(cè)試,如果有什么意見或者好的建議,請(qǐng)給我提出來(lái)哦。
/Files/poplau/CareyGrid.rar?(已經(jīng)修正變成...后border不見的問(wèn)題,該鏈接已經(jīng)取消)
其實(shí)基本的原理就是先創(chuàng)建一個(gè)DIV框,然后向里面寫JSON格式的數(shù)據(jù)。數(shù)據(jù)中定義了表頭,格式等。
功能比較簡(jiǎn)單。
看見有回復(fù)很高興,照著需求重繼續(xù)寫了一個(gè)從TABLE中讀取數(shù)據(jù)的函數(shù),然后命名為1.0.2版本。呵呵
/Files/poplau/CareyGrid1.0.2.rar
只不過(guò)時(shí)間很短,還不具有健壯性等,就是表格中必須要有一些字段要填。如果沒(méi)有,可能會(huì)出錯(cuò)。再繼續(xù)修改吧。
最近沒(méi)工作沒(méi)事干,想想學(xué)學(xué)jQuery吧,然后想寫一個(gè)可拖拽列的Grid(其實(shí)有像flexigrid很強(qiáng)大的組件,還寫這干嘛呵),這樣可加快自己的開發(fā)進(jìn)度。
接觸了jQuery,才發(fā)現(xiàn)其功能很強(qiáng)大啊,光是$和each就讓我很受用了,以前dom寫半天,用這個(gè)一下就搞定了。慢慢的,對(duì)javascript類的寫法也有了一定的了解,邊學(xué)便用,最后搞了這個(gè)東東出來(lái)。
這個(gè)由于沒(méi)有FF和IE6,所以只用了IE7測(cè)試,如果有什么意見或者好的建議,請(qǐng)給我提出來(lái)哦。
/Files/poplau/CareyGrid.rar?(已經(jīng)修正變成...后border不見的問(wèn)題,該鏈接已經(jīng)取消)
其實(shí)基本的原理就是先創(chuàng)建一個(gè)DIV框,然后向里面寫JSON格式的數(shù)據(jù)。數(shù)據(jù)中定義了表頭,格式等。
功能比較簡(jiǎn)單。
看見有回復(fù)很高興,照著需求重繼續(xù)寫了一個(gè)從TABLE中讀取數(shù)據(jù)的函數(shù),然后命名為1.0.2版本。呵呵
/Files/poplau/CareyGrid1.0.2.rar
只不過(guò)時(shí)間很短,還不具有健壯性等,就是表格中必須要有一些字段要填。如果沒(méi)有,可能會(huì)出錯(cuò)。再繼續(xù)修改吧。
轉(zhuǎn)載于:https://www.cnblogs.com/poplau/archive/2009/09/05/1561115.html
總結(jié)
以上是生活随笔為你收集整理的学习jQuery(一),做的第一个可拖动列的Grid的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: C算法
- 下一篇: Asp.NET 中 Ajax 的配置使用