我引用了这篇文章 How to apply placeholder to Google Visualization control wrapper string filter input? 弄清楚如何将占位符添加到谷歌图表过滤器。
//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');
});
只要您没有超过一个要添加占位符的过滤器,它就可以工作。
在此代码中,它将相同的“维护”占位符应用于两个输入,忽略顶部占位符。
如何为每个输入添加占位符?
最佳答案
只需使用 id
的 <div>
元素,而不是谷歌的类名...
$('#building_filter-div input').prop('placeholder', 'Building Name');
$('#maintenance_type_filter-div input').prop('placeholder', 'Maintenance');
关于javascript - 将占位符添加到多个谷歌图表字符串过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53706262/