2016-10-07 49 views
-5

我需要使用Jquery在Spotfire中執行可摺疊篩選器的代碼。我並不是很瞭解jquery,但我想它和在文本區域中實現Javascript一樣。我需要在Spotfire中使用Jquery實現可摺疊篩選器

+0

你首先應該做一些研究,簡單地詢問代碼之前。有問題可以在線解決。無論如何,我提供了下面的解決方案。確保你在實現中付出了一些努力,然後讓我知道如果你卡住 –

回答

2

您可以使用jQuery的手風琴。

<DIV id="accordian"> 
    <H3>Filter1</H3> 
    <DIV> 
    <p style="DISPLAY: block"> 
     <SpotfireControl id="f4b03c6669c94865b3faa23d9f360160" /> 
    </p> 
    </DIV> 

    <H3>Filter2</H3> 
    <DIV> 
    <p style="DISPLAY: block"> 
     <SpotfireControl id="78690b9955944fe2804b1ba2de1fb9c2" /> 
    </p> 
    </DIV> 

    <H3>Filter3</H3> 
    <DIV> 
    <p style="DISPLAY: block"> 
     <SpotfireControl id="54dc77ac79c548fe96216e218d7dd07f" /> 
    </p> 
    </DIV> 

    <H3>Filter4</H3> 
    <DIV> 
    <p style="DISPLAY: block"> 
     <SpotfireControl id="ffa344dc2fa64b1696afbae0e99c88b1" /> 
    </p> 
    </DIV> 
</DIV> 

注意:使用你的Spotfire控制(過濾器)IDS 2)使用下面的JavaScript

//Declaring Variables 

//Accordian variables 
var headBkgColor = "#848484"; 
var leftContentMargin = "-20px"; 


//Applying accordian 
$("#accordian").accordion({ 

heightStyle: "content" , 
collapsible: true 

}); 

//Applying CSS 

//Header background color 
$(".ui-accordion .ui-accordion-header").css({ 
    "background": headBkgColor 
}); 
//Left content margin 
$("#accordian p").css({ 
    "margin-left":leftContentMargin 
}); 
+0

如何將特定的列鏈接到代碼中的Filter中。你能否詳細介紹一下你的代碼,以便我可以在Spotifre中實現。我很困惑這兩個代碼是否進入一個單一的變量,如果他們得到2個變量,我應該如何鏈接它們? – direwolf

+1

我不確定你在說哪些變數。讓我再解釋一下。第二個腳本將手風琴功能應用於HTML。你必須添加一個JavaScript和裏面,把第二個腳本。 第一個腳本是您必須在編輯HTML窗口中放入的HTML代碼。您必須手動添加過濾器,並用您創建的替換現有Spotfire控件標記(「」)。 –