將數據分成幾個數據集/列表視圖顯示在jquery選項卡

Question

我正在從webserivce提取數據。

這是我的選擇語句檢索數據：

string cmdstr = "select title, titlefr, racpnr, racpmodeltype from onl_wgn where show = 1 order by onl_kl, racpnr"; 

我得到了4組onl_kl的。現在我想在jquery tabcontainer的選項卡中顯示每個組。

我可以將數據集中的數據從我的web服務傳遞到我的web應用程序並將其綁定到listview，但我不知道如何將數據分離到4個選項卡中？這是可能的方式與列表視圖或使用其他datacomponents？

如果不是，我應該在我的web服務中創建4個select語句，並將4個數據集發送到我的web應用程序，並將它綁定到4個listviews中的每個1個標籤中？如果是這樣，我可以如何將Web服務中的數據集列表傳遞給Web應用程序？

THX

Answer 1

只要onl_kl是可見的jQuery在某種程度上，你可以簡單地顯示或隱藏的各種物品，取決於選擇哪個選項卡。 我不太知道你是如何實現你的標籤，但假設你可以onClick事件分配給他們，並假設每個ListView項是在一個容器中，你可以做這樣的事情：

$(function() { 
    $('.myTab').click(function() { 
     $('.onl_klClass:contains("' + $(this).text() + '")').parent('.topParent').show(); 
     $('.onl_klClass:not(:contains("' + $(this).text() + '"))').parent('.topParent').hide(); 
    }); 
    $('.myTab:first').click(); //just to have something selected 
}); 

這只是一個基本的例子，如果你提供更多的細節，那麼提出一個定製的解決方案會更容易。