Question

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

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>

我无法弄清楚我哪里出错了。这是JSFiddle链接

Answer 1

这是工作小提琴：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");

表示此js文件需要传入的对象的id属性。

我的解决方法是简单地将id字段添加到您的javascript：

    for (var actor in result.actors) {

    data.push({
        text : result.actors[actor],
        id: "1"

    });
    AJS.log(data)
}

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

无法从选择列表中选择值

1 个答案: