Jun 28, 2012, 9:04 PM
[CLOSED] Ext Window not always centering in screen
Hi,
I have a page that opens an Ext Window. At times this window centers well on the screen but at other times it does not. I have a sample below, which works fine with regards to centering, but how would I get it to always center on the screen instead of sometimes only?
Ravi Swaminathan
I have a page that opens an Ext Window. At times this window centers well on the screen but at other times it does not. I have a sample below, which works fine with regards to centering, but how would I get it to always center on the screen instead of sometimes only?
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="OpenCustWindow.aspx.vb"
Inherits="EXTTabs.OpenCustWindow" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Me.stLoadStates.DataSource = New Object() {New Object() {"AL", "Alabama"}, New Object() {"AK", "Alaska"}, New Object() {"AZ", "Arizona"}, New Object() {"AR", "Arkansas", "The Natural State"}, New Object() {"CA", "California"}, New Object() {"CO", "Colorado"}, _
New Object() {"CT", "Connecticut"}, New Object() {"DE", "Delaware"}, New Object() {"DC", "District of Columbia"}, New Object() {"FL", "Florida"}, New Object() {"GA", "Georgia"}, New Object() {"HI", "Hawaii"}, _
New Object() {"ID", "Idaho"}, New Object() {"IL", "Illinois"}, New Object() {"IN", "Indiana"}, New Object() {"IA", "Iowa"}, New Object() {"KS", "Kansas"}, New Object() {"KY", "Kentucky"}, _
New Object() {"LA", "Louisiana"}, New Object() {"ME", "Maine"}, New Object() {"MD", "Maryland"}, New Object() {"MA", "Massachusetts"}, New Object() {"MI", "Michigan"}, New Object() {"MN", "Minnesota"}, _
New Object() {"MS", "Mississippi"}, New Object() {"MO", "Missouri"}, New Object() {"MT", "Montana"}, New Object() {"NE", "Nebraska"}, New Object() {"NV", "Nevada"}, New Object() {"NH", "New Hampshire"}, _
New Object() {"NJ", "New Jersey"}, New Object() {"NM", "New Mexico"}, New Object() {"NY", "New York"}, New Object() {"NC", "North Carolina"}, New Object() {"ND", "North Dakota"}, New Object() {"OH", "Ohio"}, _
New Object() {"OK", "Oklahoma"}, New Object() {"OR", "Oregon"}, New Object() {"PA", "Pennsylvania"}, New Object() {"RI", "Rhode Island"}, New Object() {"SC", "South Carolina"}, New Object() {"SD", "South Dakota"}, _
New Object() {"TN", "Tennessee"}, New Object() {"TX", "Texas"}, New Object() {"UT", "Utah"}, New Object() {"VT", "Vermont"}, New Object() {"VA", "Virginia"}, New Object() {"WA", "Washington"}, _
New Object() {"WV", "West Virginia"}, New Object() {"WI", "Wisconsin"}, New Object() {"WY", "Wyoming"}}
Me.stLoadStates.DataBind()
End Sub
Protected Sub bOkStateSelect_Click(sender As Object, e As NetAlias.DirectEventArgs)
Dim oSender As NetAlias.Button = CType(sender, NetAlias.Button)
If cbStates.SelectedItem.Value = "" Then
NetAlias.ExtNet.Msg.Alert("Error", "Please select a state").Show()
Exit Sub
Else
wSelectState.Hide()
e.Success = True
End If
End Sub
</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></title>
<style type="text/css">
.cbStates-list
{
width: 298px;
font: 11px tahoma,arial,helvetica,sans-serif;
}
.cbStates-list th
{
font-weight: bold;
}
.cbStates-list td, .cbStates-list th
{
padding: 3px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Store ID="stLoadStates" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="code" />
<ext:RecordField Name="name" />
</Fields>
</ext:ArrayReader>
</Reader>
<AutoLoadParams>
<ext:Parameter Name="start" Value="0" Mode="Raw" />
<ext:Parameter Name="limit" Value="10" Mode="Raw" />
</AutoLoadParams>
</ext:Store>
<ext:Window ID="wSelectState" runat="server" Title="Select State" InitCenter="true"
Modal="true" Width="600" Height="500" Margins="5" Frame="true" Padding="5">
<Items>
<ext:FormPanel ID="fpSelectState" runat="server" Border="false" Frame="true">
<Items>
<ext:ComboBox ID="cbStates" runat="server" EmptyText="Select State" TypeAhead="true"
ForceSelection="true" StoreID="stLoadStates" AnchorHorizontal="80%" EnableKeyEvents="true"
Mode="Local" DisplayField="name" ValueField="code" MinChars="1" Width="450" ListWidth="450"
PageSize="10" ItemSelector="tr.list-item">
<Template ID="Template3" runat="server">
<Html>
<tpl for=".">
<tpl if="[xindex] == 1">
<table class="cbStates-list">
</tpl>
<tr class="list-item">
<td style="padding:3px 0px;">{code}</td>
<td>{name}</td>
</tr>
<tpl if="[xcount-xindex]==0">
</table>
</tpl>
</tpl>
</Html>
</Template>
<Triggers>
<ext:FieldTrigger Icon="Clear" HideTrigger="true" />
</Triggers>
<Listeners>
<BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
<TriggerClick Handler="if (index == 0) { this.focus().clearValue(); trigger.hide();}" />
<Select Handler="this.triggers[0].show();btnOkState.enable();" />
<TriggerClick Handler="if (index == 0) {this.focus().clearValue();trigger.hide(); btnOkState.disable();}" />
</Listeners>
</ext:ComboBox>
</Items>
<Buttons>
<ext:Button ID="btnOkState" Text="OK" runat="server" FormBind="true" AnchorHorizontal="90%">
<DirectEvents>
<Click OnEvent="bOkStateSelect_Click">
</Click>
</DirectEvents>
</ext:Button>
</Buttons>
</ext:FormPanel>
</Items>
</ext:Window>
</form>
</body>
</html>
ThanksRavi Swaminathan
Last edited by Daniil; Jul 02, 2012 at 10:34 AM.
Reason: [CLOSED]