Hi,
Just i created one sample for this.In my application lot of tabs are there and each tab many usercontrols are there.
In the below same only one tab in the tab with two rows,the firstrow contains two columns the column is the datefield ,the second column contains usercontrol.the second row contains only two buttons.
The usercontrol contains only grid,I am filling the grid in the pageload event.
See the desing
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<%@ Register Src="ProcessedBy.ascx" TagName="ProcessedBy" TagPrefix="uc1" %>
<!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 id="Head1" runat="server">
<title></title>
<link rel="Stylesheet" type="text/css" href="css/Icons.css" />
<link rel="Stylesheet" type="text/css" href="css/genral.css" />
<script src="scripts/JScript.js" language="javascript" type="text/javascript"></script>
</head>
<body>
<ext:ScriptManager ID="ScriptManager1" runat="server" />
<form id="form1" runat="server">
<ext:ViewPort runat="server" ID="parentPanel" Width="100%" Height="100%">
<Body>
<ext:BorderLayout ID="BL" runat="Server">
<Center>
<ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" MinTabWidth="150"
ResizeTabs="true">
<Tabs>
<ext:Tab ID="Tab1" runat="server" Title="Overview" Icon="Tab">
<Body>
<ext:BorderLayout runat="Server" ID="BorderLayout1">
<Center>
<ext:Panel ID="pnl" runat="Server" Border="false">
<Body>
<ext:RowLayout ID="RowLayout1" runat="server">
<ext:LayoutRow>
<ext:Panel Border="false" ID="Panel5" runat="server" Height="91">
<Body>
<ext:ColumnLayout ID="ColumnLayout2" runat="server" FitHeight="false">
<ext:LayoutColumn ColumnWidth="0.50">
<ext:Panel Border="false" ID="Panel6" runat="server">
<Body>
<ext:DateField ID="dfDate" runat="server">
</ext:DateField>
</Body>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.50">
<ext:Panel Border="false" ID="Panel1" runat="server">
<Body>
<ext:FitLayout ID="FitLayout1" runat="server">
<ext:Panel Border="false" ID="Pl3" runat="server">
<body>
<uc1:ProcessedBy ID="ProcessedBy1" runat="server" />
</body>
</ext:Panel>
</ext:FitLayout>
</Body>
</ext:Panel>
</ext:LayoutColumn>
</ext:ColumnLayout>
</Body>
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="1">
<ext:Panel Border="false" ID="Panel3" runat="server">
<Body>
<ext:Button ID="btnApply" runat="server" Text="Apply">
<AjaxEvents>
<Click OnEvent="btnApply_Click">
<EventMask ShowMask="true" MinDelay="500" Msg="Updating the values..." />
</Click>
</AjaxEvents>
</ext:Button>
<ext:Button ID="btnCancel" runat="server" Text="Cancel">
<AjaxEvents>
<Click OnEvent="btnCancel_Click">
<EventMask ShowMask="true" MinDelay="500" Msg="Cancel the changes..." />
</Click>
</AjaxEvents>
</ext:Button>
</Body>
</ext:Panel>
</ext:LayoutRow>
</ext:RowLayout>
</Body>
</ext:Panel>
</Center>
</ext:BorderLayout>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</Center>
</ext:BorderLayout>
</Body>
</ext:ViewPort>
</form>
</body>
</html>
and the code is
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnCancel_Click(object sender, EventArgs e)
{
}
protected void btnApply_Click(object sender, EventArgs e)
{
DateTime dt = dfDate.SelectedDate;
}
in the button click event, i am unable to get date control selected date .It is always showing this date 1/1/0001 12:00:00 AM