請教:網頁"動態新增"明細資料行 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

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

javascript php 網頁設計程式設計 asp.net

sourgrapes 2012-12-05 11:16:49 ‧ 9120 瀏覽

分享至

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

圖一

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

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

mis2000lab iT邦好手 1 級 ‧ 2013-04-18 19:39:10 檢舉

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

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.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

2 個回答

14

ggyachu

iT邦新手 5 級 ‧ 2012-12-05 17:44:36

最佳解答

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

回應 1
分享
檢舉

sourgrapes iT邦新手 5 級 ‧ 2012-12-06 08:54:45 檢舉

感謝您的補充，我正好需要範例
又可以了

登入發表回應

12

wordsmith

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

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

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

回應 1
分享
檢舉

sourgrapes iT邦新手 5 級 ‧ 2012-12-06 08:51:15 檢舉

謝謝您提供的解決方案

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙