[CLOSED] MVC DropDownField Error
Hi.
I'm trying to add DropDownField to my project
View DropDownField.cshtml
Code:
@{
ViewBag.Title = "DropDownField";
var X = Html.X();
}
@X.ResourceManager()
@(
X.DropDownField()
.ID("ddfTree")
.FieldLabel("Tree")
.Mode(DropDownMode.ValueText)
.Editable(false)
.Width(300)
.Padding(10)
.TriggerIcon(TriggerIcon.SimpleArrowDown)
.Component(cp =>
{
X.TreePanel()
//.Store(
// X.TreeStore()
// .DefaultRootId("_root")
// .Proxy(
// Html.X().AjaxProxy().Url(Url.Action("GetTree"))
// )
//)
.ID("tpTree")
.Height(300)
.Shadow(false)
.UseArrows(true)
.AutoScroll(true)
.Header(false)
.RootVisible(false)
.Root(
X.Node().Children(
X.Node().Text("To Do").Icon(Icon.Folder).Children(
X.Node().Text("Go jogging").Leaf(true).Checked(false),
X.Node().Text("Take a nap").Leaf(true).Checked(false),
X.Node().Text("Clean house").Leaf(true).Checked(false)
),
X.Node().Text("Grocery List").Icon(Icon.Folder).Children(
X.Node().Text("Bananas").Leaf(true).Checked(false),
X.Node().Text("Milk").Leaf(true).Checked(false),
X.Node().Text("Cereal").Leaf(true).Checked(false),
X.Node().Text("Energy foods").Icon(Icon.Folder).Children(
X.Node().Text("Coffee").Leaf(true).Checked(false),
X.Node().Text("Red Bull").Leaf(true).Checked(false)
)
),
X.Node().Text("Kitchen Remodel").Icon(Icon.Folder).Children(
X.Node().Text("Finish the budget").Leaf(true).Checked(false),
X.Node().Text("Call contractors").Leaf(true).Checked(false),
X.Node().Text("Choose design").Leaf(true).Checked(false)
)
)
); //TreePanel
})
.Listeners(ls =>
{
ls.Expand.Handler = "this.component.getRootNode().expand(true);";
ls.Expand.Single = true;
ls.Expand.Delay = 100;
})
)
Controller DropDownFieldController.cs
Code:
using Ext.Net;
using Ext.Net.MVC;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace shop.mvc.Controllers
{
public class DropDownFieldController : Controller
{
//
// GET: /DropDownField/
public ActionResult Index()
{
return View();
}
public StoreResult GetTree(string node)
{
NodeCollection nodes = new Ext.Net.NodeCollection();
if (!string.IsNullOrEmpty(node))
{
for (int i = 1; i < 6; i++)
{
Node asyncNode = new Node();
asyncNode.Text = node + i;
asyncNode.NodeID = node + i;
//asyncNode.Checked = false;
nodes.Add(asyncNode);
}
for (int i = 6; i < 11; i++)
{
Node treeNode = new Node();
treeNode.Text = node + i;
treeNode.NodeID = node + i;
treeNode.Leaf = true;
//treeNode.Checked = false;
nodes.Add(treeNode);
}
}
return this.Store(nodes);
}
}
}
I get following error when I start my sample and trying to dropdown:
Code:
Uncaught TypeError: Cannot call method 'show' of undefined ext.axd?v=10552:18
Ext.cmd.derive.expand ext.axd?v=10552:18
Ext.cmd.derive.onTriggerClick ext.axd?v=10552:18
Ext.form.field.Trigger.override.onTriggerWrapClick ext.axd?v=10552:593
(anonymous function)
m ext.axd?v=10552:18
Ext.Net.Mvc5 v.2.5.2
Please, can you help me with sample?
