Jqueryを使用してSpotfireで折り畳み式フィルタを実装する必要があります

-5

Jqueryを使用してSpotfireで折り畳み式フィルタを実行するコードが必要です。私はjqueryについてあまり気づいていませんが、テキスト領域でJavascriptを実装するのと同じことを推測します。Jqueryを使用してSpotfireで折り畳み式フィルタを実装する必要があります

出典

2016-10-07 direwolf

を使用してください。オンラインで問題を解決できるソリューションがあります。とにかく私は以下の解決策を提供しました。あなたが実装にいくつかの努力を入れていることを確認して、あなたが詰まっている場合に私に知らせてください –

jquery accordianを使用できます。

<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>

注：お使いのスポットファイアコントロールを使用する（フィルター）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 
});

出典

2016-10-12 08:33:15

あなたのコードのフィルタに特定の列をリンクする方法。私はSpotifreで実装できるように、コードで少し詳しく説明できますか？私は両方のコードが1つの変数に入るかどうか混乱していて、2つの変数に行くとどうすればよいのですか？ – direwolf

あなたはどの変数について話しているのですか？もう少し説明しましょう。 2番目のスクリプトは、HTMLにaccordian機能を適用します。あなたはjavascriptを追加して、その中に2番目のスクリプトを入れなければなりません。最初のスクリプトは、HTML編集ウィンドウに配置する必要があるHTMLコードです。フィルタを手動で追加し、既存のスポットファイアコントロールタグ（ ""）を、作成したスポットファイアコントロールタグに置き換える必要があります。 –

Jqueryを使用してSpotfireで折り畳み式フィルタを実装する必要があります

答えて

関連する問題