| @@ 5486-5546 (lines=61) @@ | ||
| 5483 | } |
|
| 5484 | return this.state.get('value'); |
|
| 5485 | }, |
|
| 5486 | showAutoComplete: function (items, term) { |
|
| 5487 | var self$$1 = this; |
|
| 5488 | if (items.length === 0) { |
|
| 5489 | self$$1.hideMenu(); |
|
| 5490 | return; |
|
| 5491 | } |
|
| 5492 | var insert = function (value, title) { |
|
| 5493 | return function () { |
|
| 5494 | self$$1.fire('selectitem', { |
|
| 5495 | title: title, |
|
| 5496 | value: value |
|
| 5497 | }); |
|
| 5498 | }; |
|
| 5499 | }; |
|
| 5500 | if (self$$1.menu) { |
|
| 5501 | self$$1.menu.items().remove(); |
|
| 5502 | } else { |
|
| 5503 | self$$1.menu = global$b.create({ |
|
| 5504 | type: 'menu', |
|
| 5505 | classes: 'combobox-menu', |
|
| 5506 | layout: 'flow' |
|
| 5507 | }).parent(self$$1).renderTo(); |
|
| 5508 | } |
|
| 5509 | global$4.each(items, function (item) { |
|
| 5510 | self$$1.menu.add({ |
|
| 5511 | text: item.title, |
|
| 5512 | url: item.previewUrl, |
|
| 5513 | match: term, |
|
| 5514 | classes: 'menu-item-ellipsis', |
|
| 5515 | onclick: insert(item.value, item.title) |
|
| 5516 | }); |
|
| 5517 | }); |
|
| 5518 | self$$1.menu.renderNew(); |
|
| 5519 | self$$1.hideMenu(); |
|
| 5520 | self$$1.menu.on('cancel', function (e) { |
|
| 5521 | if (e.control.parent() === self$$1.menu) { |
|
| 5522 | e.stopPropagation(); |
|
| 5523 | self$$1.focus(); |
|
| 5524 | self$$1.hideMenu(); |
|
| 5525 | } |
|
| 5526 | }); |
|
| 5527 | self$$1.menu.on('select', function () { |
|
| 5528 | self$$1.focus(); |
|
| 5529 | }); |
|
| 5530 | var maxW = self$$1.layoutRect().w; |
|
| 5531 | self$$1.menu.layoutRect({ |
|
| 5532 | w: maxW, |
|
| 5533 | minW: 0, |
|
| 5534 | maxW: maxW |
|
| 5535 | }); |
|
| 5536 | self$$1.menu.repaint(); |
|
| 5537 | self$$1.menu.reflow(); |
|
| 5538 | self$$1.menu.show(); |
|
| 5539 | self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [ |
|
| 5540 | 'br-tr', |
|
| 5541 | 'tr-br' |
|
| 5542 | ] : [ |
|
| 5543 | 'bl-tl', |
|
| 5544 | 'tl-bl' |
|
| 5545 | ]); |
|
| 5546 | }, |
|
| 5547 | hideMenu: function () { |
|
| 5548 | if (this.menu) { |
|
| 5549 | this.menu.hide(); |
|
| @@ 5304-5364 (lines=61) @@ | ||
| 5301 | } |
|
| 5302 | return this.state.get('value'); |
|
| 5303 | }, |
|
| 5304 | showAutoComplete: function (items, term) { |
|
| 5305 | var self$$1 = this; |
|
| 5306 | if (items.length === 0) { |
|
| 5307 | self$$1.hideMenu(); |
|
| 5308 | return; |
|
| 5309 | } |
|
| 5310 | var insert = function (value, title) { |
|
| 5311 | return function () { |
|
| 5312 | self$$1.fire('selectitem', { |
|
| 5313 | title: title, |
|
| 5314 | value: value |
|
| 5315 | }); |
|
| 5316 | }; |
|
| 5317 | }; |
|
| 5318 | if (self$$1.menu) { |
|
| 5319 | self$$1.menu.items().remove(); |
|
| 5320 | } else { |
|
| 5321 | self$$1.menu = global$4.create({ |
|
| 5322 | type: 'menu', |
|
| 5323 | classes: 'combobox-menu', |
|
| 5324 | layout: 'flow' |
|
| 5325 | }).parent(self$$1).renderTo(); |
|
| 5326 | } |
|
| 5327 | global$2.each(items, function (item) { |
|
| 5328 | self$$1.menu.add({ |
|
| 5329 | text: item.title, |
|
| 5330 | url: item.previewUrl, |
|
| 5331 | match: term, |
|
| 5332 | classes: 'menu-item-ellipsis', |
|
| 5333 | onclick: insert(item.value, item.title) |
|
| 5334 | }); |
|
| 5335 | }); |
|
| 5336 | self$$1.menu.renderNew(); |
|
| 5337 | self$$1.hideMenu(); |
|
| 5338 | self$$1.menu.on('cancel', function (e) { |
|
| 5339 | if (e.control.parent() === self$$1.menu) { |
|
| 5340 | e.stopPropagation(); |
|
| 5341 | self$$1.focus(); |
|
| 5342 | self$$1.hideMenu(); |
|
| 5343 | } |
|
| 5344 | }); |
|
| 5345 | self$$1.menu.on('select', function () { |
|
| 5346 | self$$1.focus(); |
|
| 5347 | }); |
|
| 5348 | var maxW = self$$1.layoutRect().w; |
|
| 5349 | self$$1.menu.layoutRect({ |
|
| 5350 | w: maxW, |
|
| 5351 | minW: 0, |
|
| 5352 | maxW: maxW |
|
| 5353 | }); |
|
| 5354 | self$$1.menu.repaint(); |
|
| 5355 | self$$1.menu.reflow(); |
|
| 5356 | self$$1.menu.show(); |
|
| 5357 | self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [ |
|
| 5358 | 'br-tr', |
|
| 5359 | 'tr-br' |
|
| 5360 | ] : [ |
|
| 5361 | 'bl-tl', |
|
| 5362 | 'tl-bl' |
|
| 5363 | ]); |
|
| 5364 | }, |
|
| 5365 | hideMenu: function () { |
|
| 5366 | if (this.menu) { |
|
| 5367 | this.menu.hide(); |
|