將動態內容添加到jQueryUI手風琴

這裏有幾個問題，但它們看起來很陳舊並引用了即將發佈的功能，所以我想知道是否在問這些問題後這樣做。將動態內容添加到jQueryUI手風琴

我有一個表，看起來像這樣：

ID Category       Provision 
1 Plan Highlights     Annual Maximum 
2 Plan Highlights     Lifetime Maximum 
16 Benefits - Preventive   Routine Preventive Care - Child 
17 Benefits - Preventive   Routine Preventive Care - Adult 
18 Benefits - Preventive   Immunizations - Child 
22 Benefits - Physician Services Primary Care Physican (PCP) Office Visit 
23 Benefits - Physician Services Specialty Care Physican Office Visit 
24 Benefits - Physician Services Surgery Performed in Physician's Office

我想要做的就是創建一個類別作爲標題手風琴，然後每個手風琴選項卡上的我要放置一個gridview與分配給該類別的所有條款清單。問題是，類別將根據用戶的選擇而改變，並且「規定」也將根據相同的選擇進行更改。

如果很重要，我使用SQL Server後端。因此，我想弄清楚是否可以動態添加每個手風琴標題（從「Select DISTINCT Category」查詢拉動名稱），向手風琴面板添加一個gridview並填充gridview（再次使用「選擇DISTINCT Provision」查詢作爲數據源）。是否有一些內置於手風琴的功能來處理這個問題？如果沒有，是否有一些地方可以找到示例代碼來做到這一點？

來源

2016-08-02 Johnny Bones

手風琴並沒有什麼特別之處，除了添加到元素中的類以便操縱它。這是創建工作的手風琴所需的最小標記：

<div id="myAccordion"> 
    <h3 id="myHeader1">Header 1</h3> 
    <div>Stuff</div> 
    <h3 id="myHeader2">Header 2</h3> 
    <div>More Stuff</div> 
</div>

和最小的jQuery：

$('#myAccordion').accordion();

要動態追加頭很簡單：

$('#myAccordion') 
.append('<h3 id="myHeader3">Header 3</h3><div>Still More Stuff</div>') 
.accordion();

至於你的「 gridview「：無論你使用什麼類型的gridview，如果你的結果是一個HTML表格，你只需要將它附加到h3下面的div，在si以我給出的標題爲例的示例，回顧一下accordion()函數。

如果你正在使用ASP.Net GridView作爲你的標籤建議，this的帖子可能會給你你需要達到的這一點。

來源

2016-08-02 20:44:35 BobRodes

將動態內容添加到jQueryUI手風琴

回答

相關問題