Using Tags Selector code without component

[Jan Tošovský, modificado hace 8 años.]

Dear All,

I am cloning tag selector functionality for choosing custom entries. I've started with default script attached to the standard input, which still works (at least entering entries manually):

    <div id="<%= namespace + randomNamespace%>tagsSelector" class="lfr-tags-selector-content">
        <aui:input name="tagsTitles" type="hidden" />
        <input class="lfr-tag-selector-input" id="<%= randomNamespace %>tags" maxlength="75" size="15" title="<liferay-ui:message key=" add-tag">" type="text" /&gt;
    </div>
    
    <aui:script use="liferay-asset-tags-selector">
        new Liferay.AssetTagsSelector({
            contentBox: '#&lt;%= namespace + randomNamespace%&gt;tagsSelector',
            curEntries: 'foo,bar',
            hiddenInput: '#&lt;%= namespace %&gt;tagsTitles',
            input: '#&lt;%= randomNamespace %&gt;tags',
            instanceVar: '&lt;%= namespace + randomNamespace%&gt;'
        }).render();
    </aui:script>

But once I clone the original asset_tags_selector.js script and specify it in the page with updated name, the code doesn't render holder stuff <ul><li/></ul> and the following error is reported in the JS console:
TypeError: instance.entryHolder is undefined
-> instance.entryHolder.placeAfter(iconsBoundingBox);

    <script src="<%=request.getContextPath()%>/js/asset_xxx_selector.js"></script>
    
    <aui:script use="liferay-asset-xxx-selector">
        new Liferay.AssetXXXSelector({
           // same as before
        }).render();
    </aui:script>

There are just two small changes in my JS clone, both related to 'component' name:

AUI.add(
	'liferay-asset-xxx-selector',
	function(A) {

and

Liferay.AssetXXXSelector = AssetTagsSelector;

Is there any property which needs to be renamed as well to make it working again?

Thanks, Jan

[Jan Tošovský, modificado hace 8 años.]

In my opinion not all dependencies are resolved properly... which led me to the following:

While asset_tags_selector.js requires couple of modules:
requires: ['array-extras', 'async-queue', 'aui-autocomplete-deprecated', 'aui-io-plugin-deprecated', 'aui-io-request', 'aui-live-search-deprecated', 'aui-template-deprecated', 'aui-textboxlist', 'datasource-cache', 'liferay-service-datasource', 'liferay-util-window', 'yql']

There are three of them not available in webapps\ROOT\html\js\aui (LR 6.2.2)

• aui-textboxlist (but there is aui-textboxlist-deprecated)
• liferay-service-datasource
• liferay-util-window

I've tried to specifiy 'aui-textboxlist-deprecated' and after clearing the cache it works as expected! I am surprised how it can work (with this 'typo') wrapped into taglib though.

Jan