Добавить местозаполнитель для нескольких фильтров строки диаграммы Google

1

Я ссылался на этот пост Как применить заполнитель для ввода строкового фильтра обертки элемента управления визуализации Google? выяснить, как добавить заполнитель в фильтр Google Chart.

//FILTER1

    var building_filter = new google.visualization.ControlWrapper({
        'controlType': 'StringFilter',
        'containerId': 'building_filter-div',
        'options': {
            'filterColumnLabel': 'Bldg Name',
            'ui': { 'labelStacking': 'horizontal', 'label': 'Building:' }
        }
    });
         google.visualization.events.addListener(building_filter, 'ready', function () {
         $('.google-visualization-controls-stringfilter input').prop('placeholder', 'Building Name');
    });

//FILTER2

    var maintenance_type_filter = new google.visualization.ControlWrapper({
        'controlType': 'StringFilter',
        'containerId': 'maintenance_type_filter-div',
        'options': {
            'filterColumnLabel': 'Maint Type',
            'ui': { 'labelStacking': 'horizontal', 'label': 'Maintenance Type:' }
        }
    });
        google.visualization.events.addListener(maintenance_type_filter, 'ready', function () {
        $('.google-visualization-controls-stringfilter input').prop('placeholder', 'Maintenance');
    });

Это работает, если у вас нет более одного фильтра, к которому вы хотите добавить заполнитель.

В этом коде он применяет один и тот же заполнитель 'Maintenance' к обоим входам, игнорируя верхний заполнитель.

Как я могу добавить заполнители для каждого ввода?

Теги:
filter
google-visualization
placeholder

1 ответ

0

просто используйте id элемента <div> вместо имени класса Google...

$('#building_filter-div input').prop('placeholder', 'Building Name');

$('#maintenance_type_filter-div input').prop('placeholder', 'Maintenance');
  • 0
    Спасибо, это работает. Где вы нашли это в документации / как вы узнали это? Я чувствую, что изучение этого API - это как блуждание по мелассе, когда мне должно быть легче.
  • 0
    это базовый jquery, мы начинаем с идентификатора элемента, который, как мы знаем, существует, затем находим тип элемента, который нам нужен, внутри первого элемента.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню