Dec 25, 2010, 9:34 AM
EXt 1.0Rc Autoload URL & close button in Dynaic portlet created from code behind
Merry Christmas to all.
I tried to created a dynamic portal. Please find the code bellow.
1) How to implement hide/close button
I tried similar to this in my function as given in example
2) How to load a URL to the portlet from code behind?
Shijith
I tried to created a dynamic portal. Please find the code bellow.
1) How to implement hide/close button
I tried similar to this in my function as given in example
p1.Tools.Add(new Tool(ToolType.Close, string.Concat(p1.ClientID, ".hide();"), "Close Portlet"));
But at run time portlet.ClientID is null.2) How to load a URL to the portlet from code behind?
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
[DirectMethod]
public void createPortlets()
{
Portal portal = new Portal();
portal.ID = "Portal1";
portal.Layout = "column";
ColumnLayoutConfig c = new ColumnLayoutConfig();
c.ScrollOffset = 18;
portal.LayoutConfig.Add(c);
PortalColumn pc1 = new PortalColumn();
pc1.ColumnWidth = 0.5;
pc1.Cls = "x-column-padding";
pc1.Layout = "anchor";
Portlet p1 = new Portlet();
p1.Title = "Portlet 1";
pc1.Items.Add(p1);
PortalColumn pc2 = new PortalColumn();
pc2.ColumnWidth = 0.5;
pc2.Cls = "x-column-padding";
pc2.Layout = "anchor";
Portlet p2 = new Portlet();
p2.Title = "Portlet 2";
p2.Html = "Some content";
p2.AnchorHorizontal = "100%";
p2.AnchorVertical = "-50";
pc2.Items.Add(p2);
portal.Items.Add(pc1);
portal.Items.Add(pc2);
portal.AddListener("BeforeDrop", "beforeDrop");
this.Panel2.Items.Add(portal);
portal.Render();
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.Net Example</title>
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" />
<script type="text/javascript">
var beforeDrop = function() {
alert("beforeDrop");
}
Ext.onReady( function LoadPortals()
{
Ext.net.DirectMethods.createPortlets( {
success: function(result) {
// location.reload(true);
}
});
});
</script>
<style type="text/css">
.x-column-padding {
padding: 10px;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:Viewport ID="Viewport1" runat="server">
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<Center MarginsSummary="5 5 5 0">
<ext:Panel ID="Panel2" runat="server" Layout="Fit" Title="My Widgets">
</ext:Panel>
</Center>
</ext:BorderLayout>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Thanks & Regards,Shijith