BoldDeskWe are launching BoldDesk on Product Hunt soon. Learn more & follow us.
<ej:Grid ID="FlatGrid" runat="server" AllowPaging="true"> <ContextMenuSettings EnableContextMenu="true" ContextMenuItems="Add Record"> </ContextMenuSettings> |
<ej:Grid ID="FlatGrid" runat="server" AllowPaging="true"> <ClientSideEvents ToolbarClick="onToolBarClick" ContextClick="onContextClick"/> <script type="text/javascript"> function onToolBarClick(args) { if (args.itemName == "Add") { var obj = $("#MainContent_FlatGrid").ejGrid("instance"); args.cancel = true; // prevent default behavior obj._startAdd(); // you can use the built in wizard here } } function onContextClick(args) { if (args.text == "Add Record") { var obj = $("#MainContent_FlatGrid").ejGrid("instance"); args.cancel = true; // prevent default behavior obj._startAdd(); // you can use the built in wizard here } } |
ej:Grid ID="FlatGrid" runat="server" AllowPaging="true"> <ClientSideEvents ToolbarClick="onToolBarClick" ContextClick="onContextClick"/> <script type="text/javascript"> function onToolBarClick(args) { if (args.itemName == "Add") { // for add record var obj = $("#MainContent_FlatGrid").ejGrid("instance"); args.cancel = true; // prevent default behavior // you can use the built in wizard here } } function onContextClick(args) { if (args.text == "Add Record") { // for add record var obj = $("#MainContent_FlatGrid").ejGrid("instance"); args.cancel = true; // prevent default behavior // you can use the built in wizard here } |
function onDialogClose(args) { alert("close fired"); $("#dlgAddCRMA").ejDialog({ enabled: false }); OnSuccess(); } function openWizard() { alert("wizard fired"); $("#dlgAddCRMA").ejDialog({ enabled: true }); } function onToolbarClick(args) { if (args.itemName == "Add") { alert('toolbar fired'); args.Cancel = true; var obj = $("#mainContent_gridDashboard").ejGrid("instance"); if (null == obj) alert('object NULL'); else { alert('object NOT NULL'); openWizard(); } //obj._startAdd(); } }
function onToolbarClick(args) { if (args.itemName == "Add") { args.cancel = true; var obj = $("#mainContent_gridDashboard").ejGrid("instance"); $("#mainContent_dlgAddCRMA").ejDialog({ enabled: true }); alert("add fire complete"); //obj._startAdd(); } }
<ej:Dialog ID="dlgAddCRMA" Width="550" runat="server" ShowOnInit="false"/> <script type="text/javascript"> function openWizard() { alert("wizard fired"); $("#MainContent_dlgAddCRMA").ejDialog({ enabled: true, title:"built in wizard" }); } function onToolBarClick(args) { if (args.itemName == "Add") { alert('toolbar fired'); args.cancel = true; //prevent the default behavior $("#MainContent_dlgAddCRMA").data("ejDialog") !== undefined && $("#MainContent_dlgAddCRMA").ejDialog("destroy"); //destroy the dialog if element is created var obj = $("#MainContent_FlatGrid").ejGrid("instance"); if (null == obj) alert('object NULL'); else { alert('object NOT NULL'); openWizard(); // render the dialog } //obj._startAdd(); } } </script> |
function onToolBarClick(args) {
if (args.itemName == "Add") {
alert('toolbar fired');
args.cancel = true; //prevent the default behavior
// destroy the dialog removed
var obj = $("#<%=gridDashboard.ClientID%>").ejGrid("instance");
if (null == obj)
alert('object NULL');
else {
alert('object NOT NULL');
openWizard(); // render the dialog
}
//obj._startAdd();
}
}
</code>
Please find the modified sample from the link below:
http://www.syncfusion.com/downloads/support/forum/118885/aspsample-651547776.zip
Could you please let us know why you have tried to destroy the dialog content ? so that we can alternate solution instead of destroying the dialog content.
Please let us know if you have any other queries.
Regards,
Ezhil S
<asp:Panel ID="pnlCustomerInformation" runat="server"> <div style="float: left"> <table> <tr> <td> <h2>Customer Information</h2> </td> </tr> <tr> <td>Company Name:</td> <td> <asp:TextBox ID="txtCompanyName" runat="server"></asp:TextBox> </td> </tr> <tr> <td>First Name:</td> <td> <asp:TextBox ID="txtFirstName" runat="server"></asp:TextBox> </td> </tr> <tr> <td>Last Name:</td> <td> <asp:TextBox ID="txtLastName" runat="server"></asp:TextBox> </td> </tr> <tr> <td>Phone Number:</td> <td> <asp:TextBox ID="txtPhoneNumber" runat="server" TextMode="Phone"></asp:TextBox> </td> </tr> <tr> <td>Email Address:</td> <td> <asp:TextBox ID="txtEmailAddress" runat="server" TextMode="Email"></asp:TextBox> </td> </tr> </table> </div> <div style="float: right"> <table> <tr> <td> <h2>Address Information</h2> </td> </tr> <tr> <td>Address 1:</td> <td> <asp:TextBox ID="txtAddress1" runat="server"></asp:TextBox> </td> </tr> <tr> <td>Address 2:</td> <td> <asp:TextBox ID="txtAddress2" runat="server"></asp:TextBox> </td> </tr> <tr> <td>City:</td> <td> <asp:TextBox ID="txtCity" runat="server"></asp:TextBox> </td> </tr> <tr> <td>State:</td> <td> <asp:TextBox ID="txtState" runat="server"></asp:TextBox> </td> </tr> <tr> <td>ZipCode:</td> <td> <asp:TextBox ID="txtZipCode" runat="server"></asp:TextBox> </td> </tr> <tr> <td>Country</td> <td> <asp:DropDownList ID="ddlCountry" runat="server" OnSelectedIndexChanged="ddlCountry_SelectedIndexChanged"></asp:DropDownList> </td> </tr> <tr> <td> </td> <td> <asp:Button ID="btnCancelStep1" runat="server" Text="Cancel" OnClick="Cancel_Click" /> <asp:Button ID="btnNextStep1" runat="server" Text="Next" OnClick="btnNextStep1_Click" /> </td> </tr> </table> </div> </asp:Panel> <asp:Panel ID="pnlPartInformation" runat="server" Visible="false"> <table> <tr> <td> <h2>RMA Information</h2> </td> </tr> <tr> <td>Distributor:</td> <td> <asp:DropDownList ID="ddlDistributors" runat="server"></asp:DropDownList> </td> </tr> <tr> <td>Part SKU:</td> <td> <asp:DropDownList ID="ddlPartList" runat="server"></asp:DropDownList> </td> </tr> <tr> <td>Serial Number:</td> <td> <asp:TextBox ID="txtSerialNumber" runat="server"></asp:TextBox> </td> </tr> <tr> <td>Service Request Number:</td> <td> <asp:TextBox ID="txtSRNumber" runat="server"></asp:TextBox> </td> </tr> <tr> <td>Problem Description:</td> <td> <asp:TextBox ID="txtProblemDescription" runat="server" MaxLength="50" TextMode="MultiLine" Rows="4"></asp:TextBox> </td> </tr> <tr> <td> </td> <td> <asp:Button ID="btnBackStep2" runat="server" Text="Back" OnClick="btnBackStep2_Click" /> <asp:Button ID="btnCancelStep2" runat="server" Text="Cancel" OnClick="Cancel_Click" /> <asp:Button ID="btnNextStep2" runat="server" Text="Next" OnClick="btnNextStep2_Click" /> </td> </tr> </table> </asp:Panel>