DialogTemplate button click open Dialog grid

[Pratheep]

Hi
How to get details (ShipCountry,CountryCode)  from  (template button click open dialog grid ) dialog grid


 <script type="text/javascript">

        $("#btncountry").ejButton({

            text: "...",

            click: function (args) {

               alerd('yes');

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

            }

        });

            function openinvoice(args) {

                $("#ShipGrid").ejGrid({ allowPaging: true });

            }

            function rowSelected(args) {

                var textvalue = true;

                $("#ShipCountry").val(args.data.ShipCountry);

                $("#CountryCode").val(args.data.CountryCode);

                var gridObj = $("#ShipGrid").data("ejGrid");

                gridObj.clearSelection(args.rowIndex); 

                $("#Dialog").ejDialog("close");

       

            }

</script>

Attachment: WebApplication1_afb73a38.rar

[Farveen Sulthana Thameeztheen Basha]

Hi Prasanna, 

Please review the response. 

Hi Pratheep, 

Thanks for contacting Syncfusion Support. 

We have checked your query and when we use template editing you can change the elements that are defined in the Template to appropriate JS controls  in actionComplete event of the Grid. Your reported problem occurs when you does not render ejButton inside the actionComplete event.So we suggested you to render ejButton on ActionComplete event of the Grid. We have modified the sample which can be downloaded from the below location. 

http://www.syncfusion.com/downloads/support/directtrac/190728/WEBAPP~2185500732.ZIP 

Please refer to the code example:- 

     <ej:Grid ID="OrdersGrid" runat="server" AllowPaging="True" > 

          <ClientSideEvents ActionComplete="complete" EndAdd="endAdd" EndDelete="endDelete" EndEdit="endEdit" /> 

                    <Columns> 

                          .  .  . 

                    </Columns> 

          <ToolbarSettings ShowToolbar="True" ToolbarItems="add,edit,delete,update,cancel"></ToolbarSettings> 

     </ej:Grid> 

 

     function complete(args) { 

         $("#btncountry").ejButton({ 

                text: "template button", 

                click: function (args) { 

                    alert('yes'); 

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

                } 

            }); 

            function rowSelected(args) { 

                var textvalue = true; 

                $("#ShipCountry").val(args.data.ShipCountry); 

                $("#CountryCode").val(args.data.CountryCode); 

                var gridObj = $("#ShipGrid").data("ejGrid"); 

                 gridObj.clearSelection(args.rowIndex);                 

                $("#Dialog").ejDialog("close"); 

          } 

       } 

    </script> 

 

           

Refer to the documentation and Online Demo Link:- 

https://help.syncfusion.com/aspnet/grid/editing#dialog-template-form 

http://asp.syncfusion.com/demos/web/grid/dialogonlocaldata.aspx 

Please get back to us if you need any further assistance. 

Regards, 

Farveen sulthana T 

[Pratheep]

Hi Farveen

Thank you for support

Thanks

Pratheep

[Farveen Sulthana Thameeztheen Basha]

Hi Pratheep, 

  

Thanks for your reply. Please get back to us if you need any further assistance. 

  

Regards, 

  

Farveen sulthana T