如何在每次展開面板欄項目時重新加載面板欄項目的內容？

我正在使用kendo面板欄。我從部分視圖加載面板欄中每個項目的dynemic內容。如何在每次展開面板欄項目時重新加載面板欄項目的內容？

需要什麼是我需要重新加載每個項目被選中時的面板欄項目的內容。

當我第一次選擇面板欄中的項目時，它向服務器發出ajax請求並填充項目中的內容。但是當我第二次選擇它時，它不會向服務器發出請求。它顯示當我第一次點擊項目時從服務器獲取的舊數據。

有什麼辦法可以重新加載每個項目展開的面板條項目內容？我怎樣才能做到這一點？

@(Html.Kendo().PanelBar() 
.Name("QuickViewP") 
.ExpandMode(PanelBarExpandMode.Single) 
.HtmlAttributes(new { style = "width:100%" }) 
.Items(panelbar => 
{ 

    panelbar.Add() 
      .Text("Account Summary") 
      .Expanded(true) 
      .ImageUrl(Url.Content("~/Content/Images/account-summary.png")) 
      .LoadContentFrom("AccountSummary", "QuickView"); 

    panelbar.Add() 
      .Text("Messages & Notifications") 
      .ImageUrl(Url.Content("~/Content/Images/messages.png")) 
      .LoadContentFrom("MessagesNotifications", "QuickView"); 

    panelbar.Add().Text("Investment Elections") 
      .ImageUrl(Url.Content("~/Content/Images/investment.png")) 
      .LoadContentFrom("InvestmentElections", "QuickView"); 

}).Events(events => events.Expand("QuickViewPExpand"))

我已添加這樣的事件。我每次展開面板項目都能獲得新內容但我有一個問題。當我第一次點擊面板項時，它會向服務器發送2獲取ajax請求。之後，每當我點擊面板項目它正常工作。它發送一個Ajax請求並填充新的內容。

當第一次點擊面板項目時，我應該怎麼做才能發送一個請求？

這是我正在使用的腳本。

<script> 
    function QuickViewPExpand(e) { 
     debugger; 
     var panelBar = $("#QuickViewP").data("kendoPanelBar"); 


     var item = panelBar.select(); 

     //if (item.hasClass("k-state-active")) { 
     // panelBar.collapse(item); 
     //} else { 
     // panelBar.expand(item); 
     //} 

     // reload the panel bar 
     // This reloads all items in panel bar i just need to only reload the panelItem 
     // which is clicked 
     //panelBar.reload("> .k-item"); 

     // I am uisng this to reload item which is clicked 
     panelBar.reload(item[0]); 

    } 
</script>

來源

2013-11-22 Parth Hirapara

我可能會做這樣的事情：

var panelBar = $("#QuickViewP").kendoPanelBar({ 
    expand: refreshContent() 
}); 

var refreshContent = function(){ 
    var panelBar = $("#QuickViewP").data("kendoPanelBar"); 
    // reload the panel bar 
    panelBar.reload("> .k-item"); 
}

的語法可能不準確，但應該讓你關閉。

來源

2013-11-22 16:26:35

謝謝你。我從這個腳本得到了一些結果。但我有一個問題，你可以請看到我編輯了內容的帖子，並添加了我使用的腳本。你可以告訴我，我該怎麼辦？ –

如何在每次展開面板欄項目時重新加載面板欄項目的內容？

回答

相關問題