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