We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

InlineForm vs InlineFormTemplate

Thread ID:

Created:

Updated:

Platform:

Replies:

131439 Jul 10,2017 02:30 AM Jul 12,2017 10:42 AM ASP.NET Core 1
loading
Tags: Grid
haryzad
Asked On July 10, 2017 02:30 AM

Hi syncfusion support team

Initially I’m using the edit-mode = “inlineform” code, but in certain condition that I need to hide some of the field, I using the inlineformtemplate, but when I design the form; not able to create the design to load the drop down, date picker etc , can you help me. 

I attach the document that including my code and screenshot for your reference

Thanks for your support and appreciate it.




Attachment: Syncfusion_Support__InlineForm_vs_InlineFormTemplate_9056ef9c.rar

Vignesh Natarajan [Syncfusion]
Replied On July 12, 2017 10:42 AM

Hi Haryzad, 
  
Thanks for contacting Syncfusion support. 
  
We have analyzed your query and prepared a sample based on that. Please refer below sample for that. 
We have achieved your requirement through ejDatePicker() , ejDopDownList() and ejNumericTextBox() using actionComplete event     of Grid. In that we have enabled these edit types only when editing and adding. 
<script> 
    function complete(args) { 
        if ((args.requestType == "beginedit" || args.requestType == "add") && args.model.editSettings.editMode == "inlineformtemplate") { 
            $("#Freight").ejNumericTextbox({ value: parseFloat($("#Freight").val()), width: "116px", decimalPlaces: 2 }); 
            $("#ShipCountry").ejDropDownList({ value: parseFloat($("#ShipCountry").val()), width: '116px' }); 
            $("#OrderDate").ejDateTimePicker(); 
            if (args.requestType == "beginedit") { 
                $("#OrderID").attr("disabled", "disabled"); 
                $("#ShipCountry").ejDropDownList("setSelectedValue", args.row.children().eq(3).text()); 
            } 
            $(".e-field").css({ 'width': '116px', 'text-align': 'left' }); 
        } 
  } 
</script> 
 
Regards, 
Vignesh Natarajan 
 


 



CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;