Jul 08, 2014, 7:37 AM
Here is the short version. Top panel has the height of 80 and AutoScroll true. You can see that the horizontal scroll appears. Can the horizontal be turned off please?
@(Html.X().Panel()
.Region(Region.West)
.Layout(LayoutType.Accordion)
.Width(240)
.Header(false)
.Collapsible(true)
.Split(true)
.CollapseMode(CollapseMode.Mini)
.Margins("0 0 4 4")
.Border(false)
.Items(Html.X().Panel().Title("Item 1").Layout(LayoutType.VBox).LayoutConfig(new VBoxLayoutConfig { Align = VBoxAlign.Stretch }).Items(
Html.X().Panel().Title("Tasks").Height(80).AutoScroll(true).Items(items =>
{
items.Add(new TreePanel
{
ID = "exampleTree",
AutoScroll = true,
Lines = false,
UseArrows = true,
CollapseFirst = false,
RootVisible = false,
HideHeaders = true,
Animate = false,
Store =
{
new TreeStore
{
Root =
{
new Node
{
NodeID = "Root",
Expanded = true
}
},
Proxy =
{
new AjaxProxy
{
API =
{
Read = Url.Action("GetExamplesNodes")
},
ActionMethods =
{
Read = HttpMethod.GET
}
}
},
Fields =
{
new ModelField("isNew"),
new ModelField("tags")
}
}
},
ColumnModel =
{
Columns =
{
new TreeColumn()
{
DataIndex = "text",
Flex = 1,
Renderer =
{
Fn = "treeRenderer"
}
}
}
},
Listeners =
{
ItemClick =
{
Handler = "onTreeItemClick(record, e);"
},
AfterRender =
{
Fn = "onTreeAfterRender"
}
}
});
}),
Html.X().Panel().Layout(LayoutType.Fit).Title("Links").Flex(1)
)
)
)
public ActionResult GetExamplesNodes(string node)
{
if (node == "Root")
{
var nodes = new NodeCollection();
nodes.Add(new Node() { Leaf = true, NodeID = BaseControl.GenerateID(), Text = "Chart_Bar", Icon = Icon.Money, Href = "/Chart_Bar/Basic/" });
nodes.Add(new Node() { Leaf = true, NodeID = BaseControl.GenerateID(), Text = "TreePanel_Basic", Icon = Icon.Money, Href = "/TreePanel_Basic/SiteMap/" });
nodes.Add(new Node() { Leaf = true, NodeID = BaseControl.GenerateID(), Text = "TreePanel_Basic", Icon = Icon.Money, Href = "/TreePanel_Basic/Submit/" });
return this.Content(nodes.ToJson());
}
return new HttpStatusCodeResult((int)HttpStatusCode.BadRequest);
}