iT邦幫忙

2022 iThome 鐵人賽

DAY 24
0
自我挑戰組

Asp.Net Core 零基礎建立自己的Blog系列 第 24

[Day 24] Action 回覆資料給特定的PartialView

  • 分享至 

  • xImage
  •  

先來看看前幾天的效果吧~ 到模糊查詢畫面,輸入框輸入關鍵字,就會查詢出相關的文章。
https://ithelp.ithome.com.tw/upload/images/20221007/20125853gTKYBt3S4M.jpg

程式部分:
當輸入框訊息有變化的時候會把輸入的訊息傳到後端查詢。

$(document).ready(function() {
            $("#inputseatch").change(function() {
                let d = $("#inputseatch").val();
                $('#divPartial').load('/Article/AjaxSearch' + "/" + d);
            });
        });

查詢出來的資料,用PartialView 方法傳入特定的PartialView。

return PartialView("../PartialViews/_ArticlePartialView", result);

資料會被傳進這裡。這樣就可以看到動態查詢的結果了。

<div id="divPartial">
    @await Html.PartialAsync("../PartialViews/_ArticlePartialView",Model)
</div>

Lambda 部分:

// 這寫法稱作Lambda,會在最後面ToListAsync之後才跟Db取得資料。
.Where(x => x.IsDelete == false && x.Title.Contains(id))
            .OrderByDescending(x => x.Id)
            .ToListAsync();

where : 查詢條件
OrderByDescending : 倒排,選哪個欄位來排序
Contains : 要包含哪些字、詞(達到模糊查詢)


上一篇
[Day 23] PartialView Ajax 查詢文章而不重整畫面(二)
下一篇
[Day 25] 編輯文章內容功能
系列文
Asp.Net Core 零基礎建立自己的Blog30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言