3 <h1>Customer Vendor Autocomplete Testpage</h1>
6 Customer: with preselected id 822<br>
7 [% P.customer_vendor.picker('customer_id', 822, type='customer') %]<br>
11 [% P.customer_vendor.picker('vendor_id', '', type='vendor') %]<br>
14 customer with fat change<br>
15 [% P.customer_vendor.picker('customer_id2', '', type='customer', fat_set_item=1) %]<br>
16 <div>id from change <span id='change1'></span></div>
17 <div>greeting from fat change <span id='change2'></span></div>
20 fat vendor with change<br>
21 [% P.customer_vendor.picker('vendor_id2', '', type='vendor', fat_set_item=1) %]<br>
22 <div>id from change<span id='change3'></span></div>
23 <div>greeting from fat change <span id='change4'></span></div>
26 this one will be a reinit_widget after 4s:<br>
27 <span id='vendor3' class="customer_vendor_picker">
28 <input id="vendor3_id" class="" type="hidden" name="vendor3_id" value="" data-customer-vendor-picker-data="{"cv_type":"vendor"}">
29 <input id="vendor3_id_name" type="text" name="" value="">
33 this should have three '-' before and after touching:<br>
34 ---[% P.customer_vendor.picker('vendor5_id', '', type='vendor') %]---
37 <script type='text/javascript'>
38 $('#customer_id2').change(function() { $('#change1').html($('#customer_id2').val()) })
39 $('#customer_id2').on('set_item:CustomerVendorPicker', function(e,o) { $('#change2').html(o.greeting) })
41 $('#vendor_id2').change(function() { $('#change3').html($('#vendor_id2').val()) })
42 $('#vendor_id2').on('set_item:CustomerVendorPicker', function(e,o) { $('#change4').html(o.greeting) })
44 window.setTimeout(function() {
45 console.log("adding last one now!");
46 $('#vendor3_id').addClass('customer_vendor_autocomplete');
47 $('#vendor3').addClass('customer_vendor_picker');
48 kivi.reinit_widgets();