999精品在线视频,手机成人午夜在线视频,久久不卡国产精品无码,中日无码在线观看,成人av手机在线观看,日韩精品亚洲一区中文字幕,亚洲av无码人妻,四虎国产在线观看 ?

使用jQuery實現GridView控件交互操作

2017-01-23 18:01:48洪偉珍
價值工程 2016年35期
關鍵詞:交互

洪偉珍

摘要:GridView作為ASP.NET中常用的數據綁定控件,具有顯示、編輯和刪除多種不同數據源中的數據,但針對Web頁面的交互操作,如使用鍵盤方向鍵切換單元格等,GridView控件并不支持,本文提出了使用JQuery實現GridView交互操作的思路,并給出實現方式。

Abstract: As a commonly used data binding control in ASP.NET, GridView can display, edit and delete data in many different data sources. But for the interactive operation of the Web page, GridView widget can not switch cells by the keyboard keys. This paper puts forward the idea of using JQuery to realize the interactive operation of GridView, and gives the way to realize it.

關鍵詞:GridView控件;jQuery;交互

Key words: GridView widget;jQuery;alternation

中圖分類號:TP311.1 文獻標識碼:A 文章編號:1006-4311(2016)35-0168-02

0 引言

在Web應用程序中,表格的使用可以說是無處不在,因此GridView作為ASP.NET中以網格方式呈現數據的數據綁定控件被廣泛應用;jQuery 是一個“寫的更少,但做的更多”的輕量級 JavaScript 庫,在頁面的交互操作腳本中具有支持多瀏覽器及語言簡潔的特點。通過jQuery來實現GridView的交互操作,能提高Web應用程序的兼容性,同時降低開發的難度。

1 分析

GridView控件通過Web服務器解析后,以HTML代碼的方式傳輸給客戶端。因此在服務器端編寫的jQuery腳本,實現GridView控件交互操作,關鍵點是使用jQuery 選擇器準確地選取您希望應用效果的元素。

圖1是一個包含在母版頁中的GridView控件,控件每行具有兩個TextBox控件,用于錄入成績,為了方便成績的輸入,使用JQuery實現類似Excel單元格選取與輸入的功能,即通過鍵盤的方向鍵實現文本框的選取,回車則跳轉到下一行的文本框中。

圖1的部分aspx頁面代碼如下。

……

……

……

如上代碼,GridView的id為“grv”,其中包含的兩個TextBox控件的id分別為“tx_qzcj”和“tx_qmcj”,在服務器端運行后傳輸給客戶端的部分HTML代碼如下。

……

班級學號姓名期中成績期末成績
154微機應用2XX218X敬

GridView控件被轉換為table標簽,TextBox控件被轉換為type為text的input標簽,由于GridView是包含在母版頁中的,因此它的id號被轉換為“ctl00_ContentPlaceHolder1_grv”,而TextBox的標簽被分別轉換為“ctl00_ContentPlaceHolder1_grv_ctl02_tx_qzcj”和“ctl00_ContentPlaceHolder1_grv_ctl02_tx_qmcj”。

在本文實例中將使用jQuery的“#id”選擇器,選擇GridView對應的table標簽,但因控件是包含在母版中,id號已不再是“grv”,這里需要用到GridView控件的ClientID屬性獲取由 ASP.NET 生成的服務器控件標識符;使用“[attribute*=value]”選擇器,選擇TextBox對應的input標簽。

2 實現

如圖2,jQuery使用index()方法獲取的是當前的行號,第一行為表頭,它的行索引值為0,但對于包含有TextBox控件的GridView,是從第二行開始的,因此行索引值是從1開始計算的。因此下一行的input標簽索引值為$(this).parent().parent().index(),上一行的索引值為$(this).parent().parent().index())-2。

在aspx頁面中添加如下JQuery代碼,實現Web頁面的交互操作。

3 結語

通過jQuery實現GridView的交互操作,能夠在確保兼容的基礎上,使用簡潔的代碼實現相關功能。文中給出的程序代碼已在Vistual Studio2013開發環境使用C#語言驗證通過,并在多種瀏覽器中實現上述功能。

參考文獻:

[1]賀帆.基于模板列在GridView控件中完成數據添加[J].科學咨詢(科技·管理),2015(01):44-45.

[2]馬元元.GridView中顯示/隱藏列及多重表頭的實現[J].電腦編程技巧與維護,2015(09):10-11,34.

[3]顧正剛,畢海峰.對GridView控件高級應用的研究與實現[J].寧波職業技術學院學報,2008(02).

猜你喜歡
交互
論高校立體交互式思政教育載體的建設
學理論·下(2016年12期)2017-01-19 00:54:14
網站開發課程交互中朋友圈群體信任解決方案
東方教育(2016年18期)2017-01-16 12:59:49
基于虛擬現實技術的虛擬教學系統設計探究
虛擬現實技術及其在臨床心理學的應用
實驗激發思維 問題交流智慧
淺析色彩在人機交互界面中的作用
電子綜合藝術在藝術專業領域的應用
科技視界(2016年25期)2016-11-25 11:58:53
基于圖形用戶界面的多點觸控交互技術綜述
大學英語教師“交互”信念、知識與教師專業發展
科技視界(2016年24期)2016-10-11 22:11:01
基于WIFI的IPAD白板系統教學應用研究
考試周刊(2016年39期)2016-06-12 15:45:48
主站蜘蛛池模板: 日韩中文字幕亚洲无线码| 精品国产成人三级在线观看| 欧洲免费精品视频在线| 国产sm重味一区二区三区| 亚洲午夜福利在线| 老司国产精品视频91| 无码一区18禁| 国产成人亚洲综合A∨在线播放| 国产丝袜啪啪| 丁香婷婷久久| 午夜视频在线观看免费网站 | 国产精品太粉嫩高中在线观看| 亚洲成人网在线播放| 永久免费AⅤ无码网站在线观看| 国产国产人成免费视频77777| 高清视频一区| V一区无码内射国产| 青青草91视频| 亚洲天堂在线免费| 亚洲精品无码AⅤ片青青在线观看| 亚洲一区二区黄色| 日韩欧美色综合| 久久免费视频6| 午夜不卡福利| 九九热视频在线免费观看| 高清无码一本到东京热| 免费看美女毛片| 成人国产精品视频频| 一区二区偷拍美女撒尿视频| 国产在线精品99一区不卡| 国产夜色视频| 成人精品免费视频| 在线亚洲小视频| 黄片在线永久| 尤物视频一区| 91小视频在线播放| 99青青青精品视频在线| 日韩少妇激情一区二区| 亚洲第一香蕉视频| 中文字幕佐山爱一区二区免费| 波多野结衣爽到高潮漏水大喷| 青青操视频在线| 国产精品网址在线观看你懂的| 精品在线免费播放| 综合五月天网| 免费啪啪网址| 亚洲香蕉伊综合在人在线| 亚洲一区毛片| 国产网站在线看| 午夜视频在线观看区二区| 91www在线观看| 国产成人综合在线视频| 免费国产高清精品一区在线| 91丨九色丨首页在线播放| 成人免费网站久久久| 日韩毛片免费| 青青青国产视频手机| 成人a免费α片在线视频网站| 欧美特黄一免在线观看| 国产一区二区三区免费| 国产精品yjizz视频网一二区| 无码国产伊人| 欧美色99| 精品国产香蕉在线播出| 欧美成人综合视频| 免费在线视频a| 国产特级毛片aaaaaa| 国产成人福利在线| 国产麻豆福利av在线播放| 首页亚洲国产丝袜长腿综合| 米奇精品一区二区三区| 亚洲AV无码精品无码久久蜜桃| 永久在线播放| 亚洲第一成年网| 99精品视频九九精品| 中文字幕在线欧美| 国产欧美综合在线观看第七页| 亚洲色图欧美视频| 国内精品久久久久久久久久影视| 91精品专区| 青青草91视频| 免费国产在线精品一区|