无法从选择列表中选择值

Unable to select values from the select list

本文关键字：选择 列表      更新时间：2023-09-26

我的选择列表是通过服务调用填充的，但我无法从选择列表中选择任何值。

AJS.$("#select2-actor").auiSelect2(
{
    placeholderOption: 'first',
    formatResult: function(actor) {
        return '<b>' + actor.text ;
    },
    data: function ()
    {
        var data = [];
        AJS.$.ajax({
            dataType: 'json',
            type: 'GET',
            url: AJS.params.baseURL+"/rest/leangearsrestresource/1.0/message/list/{actor}",
            async: false
            /*multiple: true*/
        }).done(function(result) {
            result = JSON.parse(result.value);
            for (var actor in result.actors) {
                data.push({
                    text : result.actors[actor]
                });
                //AJS.log(data)
            }
        });
        return {
            results: data
        };
    }
}

)；

<div class="field-group">
    <label class="label">Actor Select</label>
    <input id="select2-actor" type="hidden" name="actor" style="width: 415px;" placeholder="Add an actor"/>
</div>

我不知道哪里出了问题。这是JSFiddleLink

这是工作小提琴：https://jsfiddle.net/64djszjf/14/

如果查看源js文件：https://aui-cdn.atlassian.com/aui-adg/5.8.13/js/aui-experimental.js，设置unselectable类的行很少：

populateResults: function(container, results, query) {
var populate, id=this.opts.id;
populate=function(results, container, depth) {
    var i, l, result, selectable, disabled, compound, node, label, innerContainer, formatted;
    results = opts.sortResults(results, container, query);
    for (i = 0, l = results.length; i < l; i = i + 1) {
        result=results[i];
        disabled = (result.disabled === true);
        selectable = (!disabled) && (id(result) !== undefined);
        compound=result.children && result.children.length > 0;
        node=$("<li></li>");
        node.addClass("select2-results-dept-"+depth);
        node.addClass("select2-result");
        node.addClass(selectable ? "select2-result-selectable" : "select2-result-unselectable");

表示该CCD_ 3文件需要传入对象的CCD_

我的解决方案是简单地将id字段添加到javascript:

    for (var actor in result.actors) {
    data.push({
        text : result.actors[actor],
        id: "1"
    });
    AJS.log(data)
}

这也表明您可能希望更改REST服务以返回id以及Actors的名称。

相关文章：