iT邦幫忙

0

多層式連動下拉選單ASP.NETMVC實作

請教各位大大,我想要實作一個多層式連動下拉選單的功能,預計在Controller載入所以下拉式選單的資料至前端,再由jQuery控制互動式下拉式選單呈現的項目。

階層式資料表規劃如下圖:

JSON多維陣列範例

{
    "zero":
    {
        "0":"foo",
        "1":"foo2"
    },
    "one":
        "fooa",
        "two":"foob"
}

問題是我要如何在Controller,從多個關聯資料表撈取資料後建立出多維的Json物件傳給前端jQuery使用呢?
還是有其它更好的實作方法可以建議的呢?

方法二就是一進入頁面就把第一階的選項先帶好,之後由事件監聽選項,使用ajax後端截取相關資料帶入第二階的選項,依此類推...

優悠 iT邦新手 3 級 ‧ 2020-05-26 08:35:57 檢舉
就方法二,想要一次撈完第三層資料,這會使資料量太大,一階一階篩選會比較好。

1 個回答

0
player
iT邦大師 1 級 ‧ 2020-05-27 19:55:29

如果你決定一次拉一層的話

用戶端可以用這個套件
https://github.com/dnasir/jquery-cascading-dropdown

Server端應該可以參考這個
https://joeylicc.wordpress.com/2013/05/20/cascadingdropdown-in-asp-net-mvc/

我要發表回答

立即登入回答