AjaxRadioList

@(Html.Awe().AjaxRadioList("CatOdropdown")
      .Odropdown()
      .Url(Url.Action("GetCategories", "Data")))

@(Html.Awe().AjaxRadioList("MealsOdropdown")
      .Odropdown(o => o.AutoSelectFirst())
      .Url(Url.Action("GetMeals", "Data"))
      .Parent("CatOdropdown", "categories"))

public IActionResult GetMeals(int[] categories)
{
    categories = categories ?? new int[] { };
    var items = Db.Meals.Where(o => categories.Contains(o.Category.Id))
        .Select(o => new KeyContent(o.Id, o.Name));

    return Json(items);
}

@(Html.Awe().AjaxRadioList("MealsGrouped")
    .Odropdown()
    .Url(Url.Action("GetAllMealsGrouped", "Data")))

public IActionResult GetAllMealsGrouped()
{
    var res = new List<Oitem>();
    var groups = Db.Meals.GroupBy(o => o.Category);
    foreach (var g in groups)
    {
        res.Add(new Oitem
        {
            Content = g.Key.Name,
            Class = "o-itm o-itmg",
            NonVal = true,
            Items = g.Select(meal => new Oitem(meal.Id, meal.Name)),
        });
    }

    return Json(res);
}

@(Html.Awe().AjaxRadioList("MealsSbm")
    .Odropdown(o => o.Submenu()
        .ItemFunc("site.imgItem")
        .CaptionFunc("utils.imgCaption"))
    .Url(Url.Action("GetMealsTreeImg", "Data")))

public IActionResult GetMealsTreeImg()
{
    var url = Url.Content(DemoUtils.MealsUrl);

    var res = new List<MealOitem>();
    var groups = Db.Meals.GroupBy(o => o.Category);
    foreach (var g in groups)
    {
        res.Add(new MealOitem
        {
            Content = g.Key.Name,
            Class = "o-itm",
            NonVal = true,
            Items = g.Select(meal => new MealOitem { Key = meal.Id, Content = meal.Name, url = url + meal.Name + ".jpg" })
        });
    }

    return Json(res);
}

@(Html.Awe().AjaxRadioList("RmtLazyTree")
    .Url(Url.Action("GetTreeNodesLazy", "Data"))
    .Odropdown(o => o.CollapseNodes()
        .ClearBtn()
        .PopupMinWidth(350)
        .SearchFunc("utils.osearch", Url.Action("SearchTree", "Data"))))

public IActionResult GetTreeNodesLazy(int? key)
{
    // key has value, lazy request
    var nodes = key.HasValue ?
        buildItemTrees(Db.TreeNodes.Where(o => o.Id == key)).Take(10) :

        // initial load, return roots (parent is null)
        buildItemTrees(Db.TreeNodes.Where(o => o.Parent == null).Take(10), setLazyChild: true);

    return Json(nodes);
}

/// <summary>
/// builds oitem tree collection from treeNodes collection 
/// </summary>
private IEnumerable<Oitem> buildItemTrees(IEnumerable<TreeNode> nodes, int lvl = 0, bool setLazyChild = false)
{
    var list = new List<Oitem>();
    foreach (var node in nodes)
    {
        var oitem = new Oitem { Key = node.Id.ToString(), Content = node.Name };
        list.Add(oitem);
        var children = Db.TreeNodes.Where(o => o.Parent == node);

        if (!children.Any()) continue;

        // set node as lazy after lvl 0
        if (setLazyChild && lvl > 0)
        {
            oitem.Lazy = true;
        }
        else
        {
            oitem.Items = buildItemTrees(children, lvl + 1, setLazyChild);
        }
    }

    return list;
}

public IActionResult SearchTree(string term)
{
    term = (term ?? string.Empty).ToLower();
    var result = Db.TreeNodes.Where(o => o.Name.ToLower().Contains(term)).Take(1).ToList();
    var roots = new List<TreeNode>();

    foreach (var treeNode in result)
    {
        roots.Add(getRoot(treeNode));
    }

    roots = roots.Distinct().ToList();

    var nodes = buildItemTrees(roots);
    return Json(nodes);
}

private TreeNode getRoot(TreeNode node)
{
    return node.Parent == null ? node : getRoot(node.Parent);
}

@(Html.Awe().AjaxRadioList("RemoteSearchOdropdown")
      .Odropdown(o => o.SearchFunc("utils.osearch", Url.Action("SearchMeals", "Data"), "m1").ClearBtn())
      .Value(197)
      .Url(Url.Action("GetMealsInit", "Data")))

@(Html.Awe().AjaxRadioList("RemoteSearchCombobox")
      .Combobox(o => o.SearchFunc("utils.osearch", Url.Action("SearchMeals", "Data"), "m1"))
      .Value(197)
      .Url(Url.Action("GetMealsInit", "Data"))) <span class="hint">try 'o'</span>

public IActionResult GetMealsInit(int? v)
{
    var items = Db.Meals.Take(3).ToList();
    var selected = Db.Meals.SingleOrDefault(o => o.Id == v);

    if (selected != null && !items.Contains(selected))
    {
        items.Add(selected);
    }

    return Json(items.Select(o => new KeyContent(o.Id, o.Name)));
}

public IActionResult SearchMeals(string term = "")
{
    var items = Db.Meals
        .Where(o => o.Name.IndexOf(term, StringComparison.OrdinalIgnoreCase) >= 0)
        .Take(10)
        .Select(o => new KeyContent(o.Id, o.Name));

    return Json(items);
}

@(Html.Awe().AjaxRadioList("CustomItemOdd")
    .Value(Db.Meals[1].Id)
    .Url(Url.Action("GetMealsImg", "Data"))
    .Odropdown(o => o.ItemFunc("imgItem").CaptionFunc("imgCaption")))
<script>
    function imgItem(o) {
        return '<div class="o-igit"><img src="' + o.url + '" />' + o.c + '</div>';
    }

    function imgCaption(o) {
        return '<img class="cthumb" src="' + o.url + '" />' + o.c;
    }
</script>

public IActionResult GetMealsImg()
{
    var url = Url.Content(DemoUtils.MealsUrl);
    var items = Db.Meals
        .Select(o => new MealDisplay(o.Id, o.Name, url + o.Name + ".jpg", o.Category.Id));

    return Json(items);
}

@{
    var meal1 = Db.Meals[3];
    var meal2 = Db.Meals[4];
}

@(Html.Awe().AjaxRadioList("ddApi")
      .Odropdown()
      .Url(Url.Action("ApiGetMeals", "Data")))

<br />
<br />
@Html.Awe().Button().Text("Change value to " + meal1.Name).OnClick("app1.changeval(" + meal1.Id + ")")
@Html.Awe().Button().Text("Change value to " + meal2.Name).OnClick("app1.changeval(" + meal2.Id + ")")
@Html.Awe().Button().Text("Get value").OnClick("app1.getVal()")
@Html.Awe().Button().Text("Clear Value").OnClick("app1.changeval('')")

@Html.Awe().Button().Text("Load only first category").OnClick("app1.loadFirstCat()")
@Html.Awe().Button().Text("Reload").OnClick("app1.reload()")
@Html.Awe().Button().Text("Toggle Enable").OnClick("app1.toggleEnable()")

<br />
<br />

<div id="log">
</div>

<script>
    var app1;

    $(function () {
        var dd = $('#ddApi');
        var api = dd.data('api');
        app1 = {
            getVal: function () {
                var val = dd.val();
                $('#log').html('val = ' + val);
            },

            changeval: function (newVal) {
                dd.val(newVal).change();
            },

            reload: function () {
                api.load();
            },

            loadFirstCat: function () {
                api.load({ oparams: { cat1: true } });
                // oparams sets cat1 just for this call (same as for the grid api)
                // params sets persistent parameters
            },

            toggleEnable: function () {
                api.enable(!dd.data('o').enb);
            }
        };

        dd.on('aweload', function (e, data) {
            awe.flash($('#log').html('loaded ' + data.length + ' items'));
        });
    });
</script>

public IActionResult ApiGetMeals(int? v, bool? cat1)
{
    var items = Db.Meals;

    if (cat1.HasValue && cat1.Value)
    {
        items = items.Where(o => o.Category == Db.Categories[0]).ToList();
    }

    return Json(items.Select(o => new KeyContent(o.Id, o.Name)));
}