Nov 08, 2010, 12:18 PM
[CLOSED] ComponentMenuItem: rendering issue in IE & Chrome
Hi,
The ComponentMenuItem works great in Firefox 3.6.12.
It gives me problems in Chrome 7.0.517.44 & IE 8.0.6001.18702
The ComponentMenuItem works great in Firefox 3.6.12.
It gives me problems in Chrome 7.0.517.44 & IE 8.0.6001.18702
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
private static int counter = 0;
[DirectMethod]
public Data Add(Data data)
{
data.Id = counter++;
return data;
}
public class Data
{
public int Id { get; set; }
public string Name { get; set; }
}
</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>Grid Toolbar</title>
<ext:ResourcePlaceHolder runat="server" Mode="Script" />
<script type="text/javascript">
var add = function () {
Menu.hide();
var grid = GridPanel;
var record = new grid.store.recordType({
Name: TextField.getValue()
});
var addRecord = function (data) {
grid.store.loadData(data, true);
};
Ext.net.DirectMethods.Add(record.data, {
success: addRecord,
eventMask: {
showMask: true,
msg: "Updating ..."
}
});
}
</script>
</head>
<body>
<ext:ResourceManager ID="ResourceManager" runat="server" />
<ext:Store
runat="server"
ID="Store"
AutoLoad="false"
RefreshAfterSaving="Always">
<Proxy>
<ext:PageProxy />
</Proxy>
<Reader>
<ext:JsonReader IDProperty="Id">
<Fields>
<ext:RecordField Name="Id" Type="Int" />
<ext:RecordField Name="Name" Type="String"/>
</Fields>
</ext:JsonReader>
</Reader>
<SortInfo Field="Id" Direction="ASC" />
</ext:Store>
<ext:GridPanel
runat="server"
ID="GridPanel"
StoreID="Store"
Title="Table"
Icon="Table"
Frame="true"
AutoHeight="true"
Width="400">
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column Header="ID" DataIndex="Id" ColumnID="id" />
<ext:Column Header="Name" DataIndex="Name" ColumnID="name" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel runat="server" />
</SelectionModel>
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="Button1" runat="server" Text="Click" Icon="Add">
<Menu>
<ext:Menu ID="Menu" runat="server">
<Items>
<ext:ComponentMenuItem Shift="true">
<Component>
<ext:FormPanel ID="FormPanel1"
runat="server"
Border="false"
Padding="5"
Layout="form"
LabelAlign="Top"
MonitorValid="true"
BodyStyle="background-color:transparent;">
<Items>
<ext:TextField
runat="server"
ID="TextField"
Width="200"
MsgTarget="Title"
AllowBlank="false"
FieldLabel="String" />
</Items>
<Listeners>
<ClientValidation Handler="Button.setDisabled(!valid);" />
</Listeners>
<Buttons>
<ext:Button ID="Button" runat="server" Text="Ok" Icon="BulletTick">
<Listeners>
<Click Fn="add" />
</Listeners>
</ext:Button>
</Buttons>
</ext:FormPanel>
</Component>
</ext:ComponentMenuItem>
</Items>
</ext:Menu>
</Menu>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
</ext:GridPanel>
</body>
</html>
Last edited by Daniil; Nov 08, 2010 at 3:52 PM.
Reason: [CLOSED]