Блог

Главная - Вопросы по программированию - Мне нужно реализовать складной фильтр в Spotfire с помощью Jquery

Мне нужно реализовать складной фильтр в Spotfire с помощью Jquery

#jquery #spotfire

#jquery #spotfire

Вопрос:

Мне нужен код для создания складного фильтра в Spotfire с использованием Jquery. Я не очень разбираюсь в jquery, но я предполагаю, что это то же самое, что реализация Javascript в текстовой области.

Комментарии:

1. сначала вы должны провести некоторое исследование, прежде чем просто запрашивать код. В Интернете есть решения вашей проблемы. В любом случае я предоставил решение ниже. Убедитесь, что вы приложили некоторые усилия к реализации, а затем дайте мне знать, если вы застряли

Ответ №1:

Вы можете использовать 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>

Примечание: используйте идентификаторы элемента управления (фильтра) spotfire
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
});

Комментарии:

1. как связать определенный столбец с фильтром в вашем коде. Не могли бы вы немного уточнить свой код с пошаговыми инструкциями, чтобы я мог реализовать его в Spotifre. Я не понимаю, входят ли оба кода в одну переменную, и если они имеют 2 переменные, как я должен их связать?

2. я не уверен, о каких переменных вы говорите. Позвольте мне объяснить немного больше. Второй скрипт применяет функциональность accordian к HTML. Вы должны добавить javascript и поместить в него второй скрипт. Первый скрипт — это HTML-код, который вы должны поместить в окно редактирования HTML. Вы должны добавить фильтры вручную и заменить существующие теги управления spotfire («<SpotfireControl id =»f4b03c6669c94865b3faa23d9f360160″ />») на те, которые вы создали.