iT邦幫忙

0

請教:網頁"動態新增"明細資料行

  • 分享至 

  • xImage

請教各位神人
再設計網頁頁面時,我需要動態新增明細行數的功能,如下方圖片內容,如果需新增另一行資料時,只需要按enter鍵或方向鍵,即提供一行空白行讓user新增資料

圖一

目前只能做到像下圖固定的行數,或昰增加一個按鈕來新增行數

不知道各位大大明白我的意思嗎?搖頭
請各位大大指點迷津,提供範例或是技術名稱的關鍵字,
小弟感激不盡!Orz

不知道這幾個範例對您有沒有幫助:

GridView密技#4---使用ITemplate介面,動態新增「GridView樣版列(Template Row/模版列)」,內含VB與C#語法
http://www.dotblogs.com.tw/mis2000lab/archive/2008/12/24/gridview_dynamic_add_template_1224.aspx

GridView密技#5---(修改/補強版)使用ITemplate介面,動態新增「GridView樣版列(Template Row/模版列)」
http://www.dotblogs.com.tw/mis2000lab/archive/2008/12/25/gridview_dynamic_add_template_1225.aspx
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

14
ggyachu
iT邦新手 5 級 ‧ 2012-12-05 17:44:36
最佳解答

補充 wordsmith 前輩的回應:
你可以參考這篇文章
這篇文章主要是將事件寫在button上,你要使用Enter鍵或方向鍵的話,可以使用jQuery.keypress()

感謝您的補充,我正好需要範例愛你
又可以吃唱歌灑花睡覺開心

12
wordsmith
iT邦高手 1 級 ‧ 2012-12-05 14:27:44

用jquery來做的話應該不難,大概做法如下:

1.為每一行的最後一格綁定enter和方向鍵的事件
2.按下enter或方向鍵時,事件處理器把事先準備好一行空白行的code用clone的方式,append到表單最後, 也可以設計一個物件來專們生這段code

謝謝您提供的解決方案謝謝

我要發表回答

立即登入回答