Как вызвать диалог выбора компании Битрикс24 при помощи BX.UI.EntitySelector.Dialog?

Question

[Евгений Ефимченко]

Вот попытка это изобрести исходя из документации:

document.getElementById('chooseRepresentative').addEventListener('click', function() {
    const dialog = new BX.UI.EntitySelector.Dialog({
        targetNode: this,
        context: 'crm',
		enableSearch: true,
		dynamicLoad: true,
        entities: [{
                id: 'company',
                options: {
                    filter: { 'UF_CRM_1682337119': '5279' }
                }
            }
        ],
        events: {
            'Item:onSelect': function(event) {
                const selectedItem = event.getData().item;
                document.getElementById('representative').value = selectedItem.getTitle();
            }
        }
    });
	dialog.show();	
});

Но на выходе форма выбора из каких то Последние.

Comments

[Maksim Herasim]

filter: { 'UF_CRM_1682337119': '5279' }

разве не сужает выборку компаний?

[Евгений Ефимченко]

Maksim Herasim, это можно и не использовать. В принципе выбор компаний не появляется.

document.getElementById('chooseRepresentative').addEventListener('click', function() {
    const dialog = new BX.UI.EntitySelector.Dialog({
        targetNode: this,
        context: 'crm',
		enableSearch: true,
		dynamicLoad: true,
        entities: [{
                id: 'company'
            }
        ],
        events: {
            'Item:onSelect': function(event) {
                const selectedItem = event.getData().item;
                document.getElementById('representative').value = selectedItem.getTitle();
            }
        }
    });
	dialog.show();	
});

[Евгений Ефимченко]

Решение оказалось не тривиальным, но рабочим:

var searchQuery = '';
var dialog;
var tagSearch = false;
function loadCompanies(dialog, searchQuery) {
	BX.ajax({
        url: '/ajax/ajax.php?searchCompanies=65535',
        method: 'POST',
        dataType: 'json',
        data: {
            searchQuery: searchQuery,
	    is_ajax: 1
        },
        onsuccess: function(result) {
            var items = [];
            result.forEach(company => {
                items.push({
                    id: company.ID,
                    entityId: 'company',
                    title: company.TITLE,
                    tabs: 'tab-companies',
					sort: 1,
					dynamicLoad: true
                });
            });
			let tab = dialog.getTab('tab-companies');
            for (let i = 0; i < items.length; i++) {
                var itemDialog = dialog.addItem(items[i]);
            }
			if (!tagSearch) dialog.search(searchQuery);
			tagSearch = true;
        },
        onfailure: function() {
            console.error('Failed to load companies');
        }
    });
}
BX.ready(function() {
    dialog = new BX.UI.EntitySelector.Dialog({
		items: [],
		clearSearchOnSelect: false,
        enableSearch: true,
        showAvatars: false,
        dropdownMode: true,
        multiple: false,
		preload: true,
		SearchOptions: {
			allowCreateItem: true
		},
        tabs: [
            { id: 'tab-companies', title: 'Компании' }
        ],
        events: {
            'onSearch': (event) => {
                let searchQuery = event.getData().query;
                loadCompanies(dialog, searchQuery);
				tagSearch = false;
            }
        }
    });
    document.getElementById('chooseRepresentative').addEventListener('click', function() {
        loadCompanies(dialog, searchQuery);
        dialog.show();
    });
});

Answer 1

[Андрей Николаев]

<button id='companySelectButtonNode'>Select company</button>

<script type="text/javascript">
BX.ready(function(){
	const button = document.getElementById('companySelectButtonNode');

	let dialog = new BX.UI.EntitySelector.Dialog({
		targetNode: button,
		context: 'MY_PAGE_CONTEXT',
		enableSearch: true,
		searchOptions: {
				allowCreateItem: false
		}, 
		multiple: false,
		entities: [
			{
				id: 'company',
				dynamicLoad: true,
				dynamicSearch: true
			},
		],
	});

	button.addEventListener('click', () => {
		dialog.show();
	});
});
</script>

Comments

[Евгений Ефимченко]

Вот самый очевидный вариант, почему то и не работает.


По итогу пришлось делать через событие onSearch и BX.ajax Там тоже есть нюанс с добавлением addItem который всю кровь попил. Ну в общем это Битрикс

[Андрей Николаев]

Вот самый очевидный вариант, почему то и не работает.

Какая у вас версия Битрикс24 ?
На 21-22 был баг, когда в модуле crm не были описаны js extension который добавлял entities.

На версии 23.675.0. код который я показал выше - работает.

Так же замечу - пользователь который это делает, должен иметь права в CRM

[Евгений Ефимченко]

Андрей Николаев, Да, действительно версия старая 1С-Битрикс: Корпоративный портал 20.200.550

[Андрей Николаев]

Евгений Ефимченко, тогда вам придется зарегистрировать модуль (свой), добавить туда entity-selector панель и скопировать классы. В этой версии crm-ные сущности в entity-selector не работали.

[Евгений Ефимченко]

Андрей Николаев, Ну, уже своя реализация работает. Там ещё и из IBLOCK выборка нужна была, так что опыт хороший.

[Евгений Ефимченко]

Андрей Николаев, Возможно подскажите решение как его заставить искать по примеру: Autotests_29 Уж очень не любит символы подчеркивания, кавычки и т.д.