在Touch UI中单选标记

Question

OOTB Tag具有多选功能，是否可以在Touch UI中创建单选标签？如果是的话，你能指出我需要修改哪个js文件吗？

Answer 1

cq:tags属性由CUI.TagList小部件呈现，可在/etc/clientlibs/granite/coralui2/js/coral.js脚本中找到。

阅读它，您可以了解窗口小部件引发itemadded事件，这可能有助于您处理单一标记处理。可以捕获事件的示例函数可以放在将附加到管理界面的任何clientlib中，例如cq.authoring.dialog clientlib。

$('*[data-fieldname="./cq:tags"]').on('itemadded', function(ev, value) {
    var el = $(ev.target),
        div = el.siblings('div'),
        input = div.find('input'),
        button = div.find('button');
    input.prop('disabled', true);
    button.remove();
}

要获得处理itemremoved事件所需的全功能流程，并再次启用输入字段，并将按钮添加回窗口小部件。