IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix typeahead to avoid generating new backend request on each keypress. (#10596)

Browse Source 
* Fix typeahead to not generate new request on each keypress.

* Change to debounce method
This commit is contained in:
James Westover
2018-01-26 02:27:06 -06:00
committed by Torkel Ödegaard
parent cffbb6afd5
commit 475febd004
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/core/components/query_part/query_part_editor.ts
View File

@@ -123,11 +123,11 @@ export function queryPartEditorDirective($compile, templateSrv) {
}); });
var typeahead = $input.data('typeahead'); var typeahead = $input.data('typeahead');
typeahead.lookup = function() { typeahead.lookup = _.debounce(function() {
this.query = this.$element.val() || ''; this.query = this.$element.val() || '';
var items = this.source(this.query, $.proxy(this.process, this)); var items = this.source(this.query, $.proxy(this.process, this));
return items ? this.process(items) : items; return items ? this.process(items) : items;
}; }, 500);
} }
$scope.showActionsMenu = function() { $scope.showActionsMenu = function() {

4
public/app/core/directives/metric_segment.js
View File

@@ -129,11 +129,11 @@ function (_, $, coreModule) {
$input.typeahead({ source: $scope.source, minLength: 0, items: 10000, updater: $scope.updater, matcher: $scope.matcher }); $input.typeahead({ source: $scope.source, minLength: 0, items: 10000, updater: $scope.updater, matcher: $scope.matcher });
var typeahead = $input.data('typeahead'); var typeahead = $input.data('typeahead');
typeahead.lookup = function () { typeahead.lookup = _.debounce(function() {
this.query = this.$element.val() || ''; this.query = this.$element.val() || '';
var items = this.source(this.query, $.proxy(this.process, this)); var items = this.source(this.query, $.proxy(this.process, this));
return items ? this.process(items) : items; return items ? this.process(items) : items;
}; }, 500);
$button.keydown(function(evt) { $button.keydown(function(evt) {
// trigger typeahead on down arrow or enter key // trigger typeahead on down arrow or enter key