May 18, 2012, 9:16 AM
[CLOSED] Migrating to 2: TreePanel loader
Here is my old markup from v1:
1) I can't use BaseParams in the Loader any more, since there is no loader - is ExtraParams the right replacement in my sample below?
2) I am getting an error "MainContent_MainPanel_TreePanel1 is not defined" coming from the code in that Extraparameter - how can I reference "TreePanel1" - I am using master pages which explains how that ID is derived, but I don't know how to reference it. I tried setting the NameSpace = "" on the resource manager but that doesn't help
3) How do I set the root node to be async - I can't see a "type" property of node.
Here's my new code so far:
<ext:TreePanel ID="TreePanel1" runat="server" AutoDataBind="true" Height="300"
EnableDD="true" DDGroup="tree" Region="Center" RootVisible="false" AnchorVertical="100%"
AnchorHorizontal="100%" Icon="BookOpen" Animate="false" AutoScroll="true" UseArrows="true"
ContainerScroll="true" ContextMenuID="TreeContextMenu">
<Loader>
<ext:WebServiceTreeLoader DataUrl="/LocationData/GetPhysicalStructure/" Json="true">
<BaseParams>
<ext:Parameter Name="type" Value="#{TreePanel1}.menuNode ? #{TreePanel1}.menuNode.id : ''"
Mode="Raw" />
</BaseParams>
<Listeners>
<BeforeLoad Fn="Cablesense.setTypeOfLoadingNode" />
<Load Fn="Cablesense.handleTreeNodesLoaded" />
</Listeners>
</ext:WebServiceTreeLoader>
</Loader>
<Root>
<ext:AsyncTreeNode NodeID="0" Text='<%# ViewBag.CompanyName %>' Expanded="true" Icon="World">
<CustomAttributes>
<ext:ConfigItem Name="type" Value="company" Mode="Value">
</ext:ConfigItem>
</CustomAttributes>
</ext:AsyncTreeNode>
</Root>
<BottomBar>
<ext:StatusBar ID="StatusBar1" runat="server" AutoClear="5500" />
</BottomBar>
<Listeners>
<ContextMenu Fn="Cablesense.setupContextMenu" />
<Click Fn="Cablesense.handleTreeNodeClicked" />
<ExpandNode Fn="Cablesense.handleTreeNodeExpanded" />
<CollapseNode Handler="#{StatusBar1}.setStatus({text: 'Node Collapsed: <b>' + node.text + '<br />', clear: true});" />
<Load Fn="Cablesense.treeDataLoaded" />
<MoveNode Fn="Cablesense.handleTreeNodeMove" />
</Listeners>
<DropConfig>
</DropConfig>
</ext:tTreePanel>
</Items>
</ext:Panel>
I'm trying to migrate this to V2, with all sorts of problems:1) I can't use BaseParams in the Loader any more, since there is no loader - is ExtraParams the right replacement in my sample below?
2) I am getting an error "MainContent_MainPanel_TreePanel1 is not defined" coming from the code in that Extraparameter - how can I reference "TreePanel1" - I am using master pages which explains how that ID is derived, but I don't know how to reference it. I tried setting the NameSpace = "" on the resource manager but that doesn't help
3) How do I set the root node to be async - I can't see a "type" property of node.
Here's my new code so far:
<ext:TreePanel ID="TreePanel1" runat="server" AutoDataBind="true" Height="300"
EnableDD="true" DDGroup="tree" Region="Center" RootVisible="false" AnchorVertical="100%"
AnchorHorizontal="100%" Icon="BookOpen" Animate="false" AutoScroll="true" UseArrows="true"
ContainerScroll="true">
<Store>
<ext:TreeStore ID="TreeStore1" runat="server">
<Proxy>
<ext:AjaxProxy Url="/LocationData/GetPhysicalStructure" Json="true">
<ExtraParams>
<ext:Parameter Name="type" Value="#{TreePanel1}.menuNode ? #{TreePanel1}.menuNode.id : ''" Mode="Raw" />
</ExtraParams>
<ActionMethods Read="POST" />
<Reader>
<ext:JsonReader>
<CustomConfig>
<ext:ConfigItem Name="getResponseData" Value="getJsonResponseData" Mode="Raw" />
</CustomConfig>
</ext:JsonReader>
</Reader>
</ext:AjaxProxy>
</Proxy>
</ext:TreeStore>
</Store>
<Listeners>
<BeforeLoad Fn="Cablesense.setTypeOfLoadingNode" />
<Load Fn="Cablesense.handleTreeNodesLoaded" />
<BeforeItemContextMenu Fn="Cablesense.setupContextMenu" />
<CellClick Fn="Cablesense.handleTreeNodeClicked" />
<BeforeExpand Fn="Cablesense.handleTreeNodeExpanded" />
<BeforeCollapse Handler="#{StatusBar1}.setStatus({text: 'Node Collapsed: <b>' + node.text + '<br />', clear: true});" />
<Load Fn="Cablesense.treeDataLoaded" />
<Move Fn="Cablesense.handleTreeNodeMove" />
</Listeners>
<ToolTips>
</ToolTips>
<Root>
<ext:Node NodeID="0" Text='<%# ViewBag.CompanyName %>' Expanded="true" Icon="World">
<CustomAttributes>
<ext:ConfigItem Name="type" Value="company" Mode="Value">
</ext:ConfigItem>
</CustomAttributes>
</ext:Node>
</Root>
<BottomBar>
<ext:StatusBar ID="StatusBar1" runat="server" AutoClear="5500" />
</BottomBar>
</ext:TreePanel>
Last edited by Daniil; May 18, 2012 at 4:00 PM.
Reason: [CLOSED]