Prevent open Two ejDialog

[Tomasz]

I Have two ejGrid in both Add and Edit operation i do trough ejDialog,

In Toolbar i have My Icon to Add new Record, that is ok in both,

For update Row i use ClientSideEvent RowSelected.

When I select row in first ejGrid  to edit with this javascript

function RTypeDialogUp(args) {

$("#AdminContent_TypeUp").ejDialog("open");

$("#AdminContent_TypeUp_lblRTypeId").html(args.data["RtId"]);

var Rtta = args.data["RoomType"];

$("#AdminContent_TypeUp_txtRTName").val($.trim(Rtta))

$("#AdminContent_TypeUp_NumMaxAdults").ejNumericTextbox({ value: (args.data["MaxAdults"]) })

$("#AdminContent_TypeUp_NumMaxChild").ejNumericTextbox({ value: (args.data["MaxChild"]) })

var colorObj = $("#AdminContent_TypeUp_ColoRicker2").ejColorPicker().data("ejColorPicker");

colorObj.setValue(args.data["TypeColor"]);

}

 is ok on close with this code

function closeTypeUp() {

var RTY = $("#AdminContent_TypeUp").data("ejDialog");

RTY.close();

$("#AdminContent_GridRoomType").ejGrid({ selectedRowIndex: -1 })

}

 yet everything is ok

And Next when I select row i second grid in the same time its opens both ejDialog - first is dialog from secon grid next is selecte last selected row in first grid then dialog from first gris is open.

When I do it revers, this does not happen

How to prevent open two dialogs i one time.

one screen:

[Selvamani Sankarappan]

Hi Tomasz, 

 

Thanks for contacting Syncfusion support. 

 

We have checked your screen shot. But, we were unable to reproduce the reported issue at our end. We suspect that the issue may be caused due to have using same Dialog id for dialog open method. Please refer to the following code example: 

 

[aspx] 

<div id="content"> 

        <ej:Grid ID="OrdersGrid1" runat="server" AllowPaging="false" AllowSelection="true" Selectiontype="Single"> 

            <ClientSideEvents RowSelected="rowSelected1" /> 

            <SelectionSettings SelectionMode="row" /> 

            <Columns> 

                <ej:Column Field="StId" /> 

                <ej:Column Field="RoomStatus" /> 

                <ej:Column Field="StatusColor" /> 

            </Columns> 

        </ej:Grid> 

 

        <ej:Dialog ID="basicDialog1" runat="server" Title="Dialog 1" ShowOnInit="false" Target="#content"> 

            <DialogContent> 

                <asp:Label ID="label" runat="server"></asp:Label> 

                <asp:TextBox ID="textbox" runat="server"></asp:TextBox> 

                <ej:ColorPicker ID="colorpicker" runat="server"></ej:ColorPicker> 

            </DialogContent> 

        </ej:Dialog> 

    </div> 

 

 

<div id="content1" style="margin-top:60px;"> 

        <label>Grid 2</label> 

        <ej:Grid ID="OrdersGrid2" runat="server" AllowPaging="false" AllowSelection="true" Selectiontype="Single"> 

            <ClientSideEvents RowSelected="rowSelected2" /> 

            <SelectionSettings SelectionMode="row" /> 

            <Columns> 

                <ej:Column Field="StId" /> 

                <ej:Column Field="RoomStatus" /> 

                <ej:Column Field="StatusColor" /> 

            </Columns> 

        </ej:Grid> 

 

        <ej:Dialog ID="basicDialog2" runat="server" Title="Dialog 2" ShowOnInit="false" Target="#content1"> 

            <DialogContent> 

                <asp:Label ID="label1" runat="server"></asp:Label> 

                <asp:TextBox ID="textbox1" runat="server"></asp:TextBox> 

                <ej:ColorPicker ID="colorpicker1" runat="server"></ej:ColorPicker> 

            </DialogContent> 

        </ej:Dialog> 

    </div> 

 

[script] 

function rowSelected1(args) { 

            var dialogObj = $("#<%=basicDialog1.ClientID%>").data("ejDialog"); 

            dialogObj.open(); 

            $("#MainContent_basicDialog1_label").text(args.data["StId"]); 

            $("#MainContent_basicDialog1_textbox").val(args.data["RoomStatus"]); 

            var colorObj = $("#<%=colorpicker.ClientID%>").data("ejColorPicker"); 

            colorObj.setValue(args.data["StatusColor"]); 

        } 

 

function rowSelected2(args) { 

            var dialogObj = $("#<%=basicDialog2.ClientID%>").data("ejDialog"); 

            dialogObj.open(); 

            $("#MainContent_basicDialog2_label1").text(args.data["StId"]); 

            $("#MainContent_basicDialog2_textbox1").val(args.data["RoomStatus"]); 

            var colorObj = $("#<%=colorpicker1.ClientID%>").data("ejColorPicker"); 

            colorObj.setValue(args.data["StatusColor"]); 

        } 

 

We have prepared the sample based on your requirement. Please refer to the following sample: 

 

http://www.syncfusion.com/downloads/support/forum/132104/ze/Dialog_Sample_(2)-1828495310 

 

If the above does not meet your requirement, kindly share modified sample based on your application to check and provide an appropriate solution at the earliest. 

 

Regards, 

 

Selvamani S. 

 

[Tomasz]

Hi Selvamani

Thank You for You help I find my fault, now its ok.

[Selvamani Sankarappan]

Hi Tomasz, 

Thanks for the update. 

Let us know if you need any further assistance. 

Regards, 

Selvamani S.