Revision 1cd0721d
Von Sven Schöling vor fast 12 Jahren hinzugefügt
SL/Template/Plugin/L.pm | ||
---|---|---|
396 | 396 |
my ($self, $name, $value, %params) = @_; |
397 | 397 |
my $name_e = _H($name); |
398 | 398 |
|
399 |
$self->hidden_tag($name, (ref $value && $value->can('id')) ? $value->id : '') . |
|
400 |
$self->input_tag("$name_e\_name", (ref $value && $value->can('name')) ? $value->name : '', %params) . |
|
401 |
$self->javascript(<<JS); |
|
402 |
function autocomplete_customer (selector, column) { |
|
403 |
\$(function(){ \$(selector).autocomplete({ |
|
404 |
source: function(req, rsp) { |
|
405 |
\$.ajax({ |
|
406 |
url: 'controller.pl?action=Customer/ajax_autocomplete', |
|
407 |
dataType: "json", |
|
408 |
data: { |
|
409 |
column: column, |
|
410 |
term: req.term, |
|
411 |
current: function() { \$('#$name_e').val() }, |
|
412 |
obsolete: 0, |
|
413 |
}, |
|
414 |
success: function (data){ rsp(data) } |
|
415 |
}); |
|
416 |
}, |
|
417 |
limit: 20, |
|
418 |
delay: 50, |
|
419 |
select: function(event, ui) { |
|
420 |
\$('#$name_e').val(ui.item.id); |
|
421 |
\$('#$name_e\_name').val(ui.item.name); |
|
422 |
}, |
|
423 |
})}); |
|
424 |
} |
|
425 |
autocomplete_customer('#$name_e\_name'); |
|
426 |
JS |
|
399 |
$::request->{layout}->add_javascripts('autocomplete_customer.js'); |
|
400 |
|
|
401 |
$self->hidden_tag($name, (ref $value && $value->can('id') ? $value->id : ''), class => 'customer_autocomplete') . |
|
402 |
$self->input_tag("$name_e\_name", (ref $value && $value->can('name')) ? $value->name : '', %params); |
|
427 | 403 |
} |
428 | 404 |
|
429 | 405 |
# simple version with select_tag |
js/autocomplete_customer.js | ||
---|---|---|
1 |
$(function(){ |
|
2 |
$('input.customer_autocomplete').each(function(i,real){ |
|
3 |
var dummy = $('#' + real.id + '_name'); |
|
4 |
$(dummy).autocomplete({ |
|
5 |
source: function(req, rsp) { |
|
6 |
$.ajax({ |
|
7 |
url: 'controller.pl?action=Customer/ajax_autocomplete', |
|
8 |
dataType: "json", |
|
9 |
data: { |
|
10 |
term: req.term, |
|
11 |
current: function() { real.val }, |
|
12 |
obsolete: 0, |
|
13 |
}, |
|
14 |
success: function (data){ rsp(data) } |
|
15 |
}); |
|
16 |
}, |
|
17 |
limit: 20, |
|
18 |
delay: 50, |
|
19 |
select: function(event, ui) { |
|
20 |
$(real).val(ui.item.id); |
|
21 |
$(dummy).val(ui.item.name); |
|
22 |
}, |
|
23 |
}); |
|
24 |
}) |
|
25 |
}) |
Auch abrufbar als: Unified diff
customer_autocomplete
Javascript war nicht in der Lage mehr als ein Feld zu handhaben. Es ist
jetzt ausgelagert in ein Javascript und wird nur bei Bedarf geladen.