Feb 28, 2012, 1:00 PM
Confirm popup is below parent window
I have a main modal window with grid panel. I need to show a save/cancel popup if data in row was modified.
I added a confirm popup to before row select event. But confirm popup shows below the main window.
How can I show a confirm dialog above main window?
I added a confirm popup to before row select event. But confirm popup shows below the main window.
How can I show a confirm dialog above main window?
<%@ Page Language="C#" %>
<%@ Import Namespace="Ext.Net.Utilities"%>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Import Namespace="Ext.Net.Examples" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Register Assembly="Ext.Net.UC" Namespace="Ext.Net.UC" TagPrefix="ux" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
object[] array = new object[]
{
new object[] { 1, "Name 1" },
new object[] { 2, "Name 2" },
new object[] { 3, "Name 3" },
};
this.Store1.DataSource = array;
this.Store1.DataBind();
}
}
</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>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:Window ID="Window1" runat="server" Hidden="true" Modal="true" Layout="FitLayout" Width="300" Height="200">
<Items>
<ext:GridPanel ID="GridPanel1" runat="server" Border="false">
<Store>
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:ArrayReader IDProperty="Id">
<Fields>
<ext:RecordField Name="Id" />
<ext:RecordField Name="Name" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel>
<Columns>
<ext:Column Header="Name" DataIndex="Name" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="SelectionModel1" runat="server">
<Listeners>
<BeforeRowSelect Handler="Ext.Msg.confirm('Title', 'Message'); return false;" />
</Listeners>
</ext:RowSelectionModel>
</SelectionModel>
</ext:GridPanel>
</Items>
</ext:Window>
<ext:Button Text="Show Dialog" runat="server">
<Listeners>
<Click Handler="#{Window1}.show()" />
</Listeners>
</ext:Button>
</body>
</html>