真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

NETCore-TagHelper實現(xiàn)分頁標(biāo)簽-創(chuàng)新互聯(lián)

1.繼承父類TagHelper并重寫Process方法(這里還有一個異步的方法ProcessAsync各位可以自己嘗試下)

成都創(chuàng)新互聯(lián)公司堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的四子王網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!

2.注意:怎么在試圖頁面使用自定義標(biāo)簽

3.注意:怎么識別標(biāo)簽中的屬性

4.注意:自定義標(biāo)簽類怎么獲取分頁參數(shù)

5.效果展示

下面一步一個腳印的來分享:

1.繼承父類TagHelper并重寫Process方法(這里還有一個異步的方法ProcessAsync各位可以自己嘗試下)

首先咋們定義一個類取名為PagerTagHelper,這里需要繼承TagHelper類,重寫Process方法,TagHelper位于命名空間Microsoft.AspNetCore.Razor.TagHelpers下面,因為這里要實現(xiàn)的效果是mvc分頁,所以還需要通過nuget獲取引用Microsoft.AspNetCore.Mvc.TagHelpers,引用后如圖:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽

這里的版本是1.0.0-rc2-final,之前直接通過nuget引用默認版本是1.0.0版本如圖本地已經(jīng)下載了兩個版本:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽

各位需要注意版本一直,不然還原程序包的時候會出錯

2.注意:怎么在試圖頁面使用自定義標(biāo)簽

如果要在html中使用定義的標(biāo)簽,需要注意命名規(guī)則如圖上面定義的類:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽

標(biāo)簽類必須以TagHelper結(jié)尾,然后在試圖中使用如圖所示:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽

這里的pager就是上面PagerTagHelper對應(yīng)的標(biāo)簽,去掉固定的TagHelper然后剩余Pager,因為html標(biāo)簽都是小寫所以是pager,咋們先在Process中打個斷點然后F5調(diào)試,可以看到進入了咋們重寫的方法中,這樣pager標(biāo)簽就和標(biāo)簽類對應(yīng)上了

3.注意:怎么識別標(biāo)簽中的屬性

咋們在自定義標(biāo)簽類中定義個屬性(這里因為要做分頁所以這里直接定義個分頁參數(shù)的對應(yīng)屬性類當(dāng)做標(biāo)簽類的屬性),分頁參數(shù)類如下:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽 View Code

然后定義的屬性PagerOption截圖如:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽

這里要讓定義的屬性在標(biāo)簽中能使用需要注意在html中小寫,然后首個單詞后面以'-'和后面的單詞隔開,下面是試圖標(biāo)簽中使用定義的屬性:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽

注意:

*單詞大小寫

*首個單詞后'-'分割(屬性名稱是PagerOption對應(yīng)pager-option這個細節(jié)不容忽視)

4.注意:自定義標(biāo)簽類怎么獲取分頁參數(shù)

這里用到上面第3點的屬性節(jié)點來傳遞參數(shù),先看一下咋們在Controller定義的列表數(shù)據(jù)和分頁數(shù)據(jù)封裝如下:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽 View Code

然后在試圖對應(yīng)的自定義分頁標(biāo)簽屬性中:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽 View Code

就是這么簡單,通過標(biāo)簽屬性直接傳遞到標(biāo)簽類中的屬性上,需要更詳細跟中的朋友可以F5調(diào)試下看看結(jié)果,以上就是這次分享的注意點,需要注意這幾個 output.TagName = "div"這個是定義一個包含了重新元素的父級元素,output.TagMode是標(biāo)簽在html中表現(xiàn)形式,再來就是自定義標(biāo)簽類的全部代碼:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽 View Code

5.效果展示

分頁效果:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽

右鍵查看瀏覽器中的html元素:

NET Core-TagHelper實現(xiàn)分頁標(biāo)簽

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。


當(dāng)前標(biāo)題:NETCore-TagHelper實現(xiàn)分頁標(biāo)簽-創(chuàng)新互聯(lián)
本文URL:http://weahome.cn/article/cshoip.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部