Я ссылался на этот пост Как применить заполнитель для ввода строкового фильтра обертки элемента управления визуализации 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' к обоим входам, игнорируя верхний заполнитель.
Как я могу добавить заполнители для каждого ввода?
просто используйте id
элемента <div>
вместо имени класса Google...
$('#building_filter-div input').prop('placeholder', 'Building Name');
$('#maintenance_type_filter-div input').prop('placeholder', 'Maintenance');