The ASPX Page Contains the Button:
<ext:Button ID="btnDelete" runat="server" Icon="Delete" OnClientClick="delete_button(event)">
<ToolTips>
<ext:ToolTip ID="tipDelete" runat="server" Html="Delete [Del]" AutoWidth="true" />
</ToolTips>
</ext:Button>
This Button Call this Script:
function delete_button(e)
{
//graph.deleteSelection();
//graph.update();
//graph.updateActiveObject(graph.pointerPosition);
//graph.updateMouseCursor();
graph.stopEvent(e);
//graph.update();
};
And with the same event, call this finally script:
Graph.prototype.stopEvent = function (e)
{
e.preventDefault();
e.stopPropagation();
};
The problem happens with All Buttons that I send "event" as parameter.
A complete Sample (most Simplified possible):
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>Dynamics Editor</title>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
}
</script>
<script type="text/javascript">
var graph = null;
function documentLoad() {
graph = new Graph(document.getElementById("canvas"));
};
var Graph = function (element) {
this.canvas = element;
this.canvas.focus();
this.context = this.canvas.getContext("2d");
this.isWebKit = typeof navigator.userAgent.split("WebKit/")[1] !== "undefined";
this.isMozilla = navigator.appVersion.indexOf('Gecko/') >= 0 || ((navigator.userAgent.indexOf("Gecko") >= 0) && !this.isWebKit && (typeof navigator.appVersion !== "undefined"));
};
Graph.prototype.stopEvent = function (e) {
e.preventDefault();
e.stopPropagation();
};
// Delete Seleccition
function delete_button(e) {
//graph.deleteSelection();
//graph.update();
//graph.updateActiveObject(graph.pointerPosition);
//graph.updateMouseCursor();
graph.stopEvent(e);
//graph.update();
};
</script>
</head>
<body>
<form id="frmGraph" runat="server" method="post">
<asp:HiddenField ID="txtCode" runat="server" />
<asp:HiddenField ID="txtInfo" runat="server" />
</form>
<canvas id="canvas" class="graph" tabindex="-1" width="800" height="600" border="2"></canvas>
<ext:ResourceManager ID="rmDinamicasTransaccionales" runat="server">
<Listeners>
<DocumentReady Handler="documentLoad(); " />
</Listeners>
</ext:ResourceManager>
<ext:Window ID="frmToolbar"
runat="server"
Closable="false"
AutoScroll="true"
AutoHeight="true"
Resizable="false"
Width="245">
<Listeners>
<Show Handler=" this.el.alignTo(Ext.getBody(), 'b-b', [0,-22]); " />
</Listeners>
<Items>
<ext:Toolbar ID="tbGraph" runat="server">
<Items>
<ext:ButtonGroup ID="bgOperations" runat="server" Title="<%$ Resources:LocalizedText, DinamicasTransaccionales_Toolbar_Titulo_Operaciones %>">
<Items>
<ext:Panel ID="pnlOperations" runat="server" Frame="true">
<Items>
<ext:ComboBox ID="cbOperationList" runat="server" Editable="false" SelectedIndex="0" AutoWidth="true">
<Items>
<ext:ListItem Value="X" Text="Value X" />
<ext:ListItem Value="Y" Text="Value Y" />
</Items>
</ext:ComboBox>
</Items>
<Buttons>
<ext:Button ID="btnSave" runat="server" Icon="Disk" OnClientClick="save_button()">
<ToolTips>
<ext:ToolTip ID="tipSave" runat="server" Html="Save [Ctrl + S]" AutoWidth="true" />
</ToolTips>
</ext:Button>
<ext:Button ID="btnCancel" runat="server" Icon="Cancel" OnClientClick="cancel_button(event)">
<ToolTips>
<ext:ToolTip ID="tipCancel" runat="server" Html="Cancel [Esc]" AutoWidth="true" />
</ToolTips>
</ext:Button>
<ext:Button ID="btnAdd" runat="server" Icon="Add" OnClientClick="add_button()">
<ToolTips>
<ext:ToolTip ID="tipAdd" runat="server" Html="Add [Alt + '+']" AutoWidth="true" />
</ToolTips>
</ext:Button>
<ext:Button ID="btnDelete" runat="server" Icon="Delete" OnClientClick="delete_button(event)">
<ToolTips>
<ext:ToolTip ID="tipDelete" runat="server" Html="Delete [Del]" AutoWidth="true" />
</ToolTips>
</ext:Button>
<ext:Button ID="btnUndo" runat="server" Icon="ArrowUndo" OnClientClick="undo_button(event)">
<ToolTips>
<ext:ToolTip ID="tipUndo" runat="server" Html="Undo [Ctrl + z]" AutoWidth="true" />
</ToolTips>
</ext:Button>
<ext:Button ID="btnRedo" runat="server" Icon="ArrowRedo" OnClientClick="redo_button(event)">
<ToolTips>
<ext:ToolTip ID="tipRedo" runat="server" Html="Redo [Ctrl + y]" AutoWidth="true" />
</ToolTips>
</ext:Button>
</Buttons>
</ext:Panel>
</Items>
</ext:ButtonGroup>
</Items>
</ext:Toolbar>
</Items>
</ext:Window>
</body>
</html>
