我需要使用 Jquery 在 Spotfire 中实现可折叠过滤器

Question

我需要使用 Jquery 在 Spotfire 中执行可折叠过滤器的代码。我不太了解 jquery 但我猜它与在文本区域中实施 Javascript 相同。

Answer 1

您可以使用 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 控件（过滤器）ID 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
});

我需要使用 Jquery 在 Spotfire 中实现可折叠过滤器

I need to implement collapsible filter in Spotfire using Jquery

jquery

spotfire