1
을 angular-selectize으로 구현하려면 어떻게해야합니까?각도 선택의 키 이벤트?
키 누르기 이벤트 수신에 문제가 있습니다. 이 예제에서는 selectize.$control_input.on("keydown")을 사용하지만 각도 선택에서는 그런 것 같지 않습니다.
A
답변
0
각도-selectize는 onInitialize 네이티브 Selectize 인스턴스를 노출 : 예를 들어
onInitialize: function(selectize)
{
$scope.selectize = selectize;
}
.
0
selectize 플러그인을 통해서도이 작업을 수행 할 수 있습니다.
끝에 이벤트 등록을 참조하십시오.
/**
* Plugin: "dropdown_header" (selectize.js)
* Copyright (c) 2013 Brian Reavis & contributors
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
* file except in compliance with the License. You may obtain a copy of the License at:
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
Selectize.define('dropdown_header', function(options) {
\t var self = this;
\t options = $.extend({
\t \t title : 'Untitled',
\t \t headerClass : 'selectize-dropdown-header',
\t \t titleRowClass : 'selectize-dropdown-header-title',
\t \t labelClass : 'selectize-dropdown-header-label',
\t \t closeClass : 'selectize-dropdown-header-close',
\t \t html: function(data) {
\t \t \t return (
\t \t \t \t '<div class="' + data.headerClass + '">' +
\t \t \t \t \t '<div class="' + data.titleRowClass + '">' +
\t \t \t \t \t \t '<span class="' + data.labelClass + '">' + data.title + '</span>' +
\t \t \t \t \t \t '<a href="javascript:void(0)" class="' + data.closeClass + '">×</a>' +
\t \t \t \t \t '</div>' +
\t \t \t \t '</div>'
\t \t \t);
\t \t }
\t }, options);
\t self.setup = (function() {
\t \t var original = self.setup;
\t \t return function() {
\t \t \t original.apply(self, arguments);
\t \t \t self.$dropdown_header = $(options.html(options));
\t \t \t self.$dropdown.prepend(self.$dropdown_header);
\t \t \t this.$control.on('keydown', function(e) {
\t \t \t \t //alert('A keypess $control!');
\t \t \t });
\t \t \t this.$wrapper.on('keydown', function(e) {
\t \t \t \t //alert('A keypess $wrapper!');
\t \t \t });
\t \t \t this.$input.on('keydown', function(e) {
\t \t \t \t alert('A keypess $input!');
\t \t \t });
\t \t };
\t })();
});