Using a list of string elements as source for Select2 component

Question

I'm trying to work out a tag controller for this website I'm working on, but I can't get the json-part to work properly.

To start from the top, I have a hidden input element in my cshtml-view (JS fetched from this SO post):

<input type="hidden" id="tagController" style="width: 350px;" />
...
    $(document).ready(function () {
        var lastResults = [];

        $("#tagController").select2({
            multiple: true,
            placeholder: "Please enter tags",
            tokenSeparators: [","],
            ajax: {
                multiple: true,
                url: "/UnitDetails/GetTagsAsJson/",
                dataType: "json",
                type: "POST",
                data: function (term, page) {
                    return {
                        json: JSON.stringify({ results: [{ id: "foo", text: "foo" }, { id: "bar", text: "bar" }] }),
                        q: term
                    };
                },
                results: function (data, page) {
                    lastResults = data.results;
                    return data;
                }
            },
            createSearchChoice: function (term) {
                var text = term + (lastResults.some(function (r) { return r.text == term }) ? "" : " (new)");
                return { id: term, text: text };
            },
        });
    });

Then, I have an action in my controller:

[HttpPost]
public JsonResult GetTagsAsJson()
{
    return Json(Model.TagsAvailable, JsonRequestBehavior.AllowGet);
}

Then, the list TagsAvailable is populated in my index action:

...
foreach (var tag in GetAvailableTags())
{
    Model.TagsAvailable.Add(tag.Name);
}
...

Finally, the GetAvailableTags() is calling a wcf service which returns a set of TagContracts in a BaseTagController:

public List<TagContract> GetAvailableTags()
{
    return UnitClient.GetAllUnitTags().Select(unitTag => new TagContract
                                                             {
                                                                 Id = unitTag.Id,
                                                                 Name = unitTag.Name
                                                             }).ToList();
}

When inspecting the console in chrome, I get the following error: Failed to load resource: the server responded with a status of 500 (Internal Server Error)

For the record, I know for a fact that the service returns the requested data, it's more a problem with the code I've written I guess :)

Aren't you posting to an action with data, but your method signature for that action takes no parameters. I don't think GetTagsAsJson() is getting hit, it's trying to call GetTagsAsJson(results) — ediblecode
– ediblecode, Commented Oct 23, 2013 at 9:20
You should try to debug your GetTagsAsJson action and see when it brokes. Moreover, why using HttpPost and returning a json allowed in GET? — Flea777
– Flea777, Commented Oct 23, 2013 at 9:20

Nicklas Pouey-Winger · Accepted Answer · 2013-10-23 11:04:53Z

1

Came across a tutorial which helped me accomplish what I wanted. Simply just rewrote the code to match my values.

Github code can be found here.

answered Oct 23, 2013 at 11:04

Nicklas Pouey-Winger

3,0337 gold badges48 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using a list of string elements as source for Select2 component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related