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.
Syncfusion Feedback

Inline editing vs Inline form editing

Thread ID:

Created:

Updated:

Platform:

Replies:

123201 Feb 25,2016 11:53 AM UTC Feb 26,2016 11:43 AM UTC ASP.NET MVC (Classic) 1
loading
Tags: Grid
Shanzida Sharaf
Asked On February 25, 2016 11:53 AM UTC

Hi,

I would like to use inline editing for the update action and inline form/inline template for add option.

for update I would like to use the code
.EditSettings(edit => { edit.AllowAdding().AllowDeleting().AllowEditing(); })

for add I would like to use the code
.EditSettings(edit => { edit.AllowAdding().AllowDeleting().AllowEditing().EditMode(EditMode.InlineFormTemplate).InlineFormTemplateID("#template");  })

Is there any way? Please help.

Thanks in advance.

kind regards,
Shanzida



Kavitha Narayanan [Syncfusion]
Replied On February 26, 2016 11:43 AM UTC

Hi Shanzida,

Thanks for contacting Syncfusion support.

Query: I would like to use inline editing for the update action and inline form/inline template for add option.

Use Toolbar for update and add option:

We use OnToolbarClickEvent client side event for normal editing to update action and inline form for add option with the help of below code.

ClientSideEvents(eve=>eve.OnToolbarClickEvent("toolBarEvent").OnRecordDoubleClickEvent("recordClick").OnActionSuccess("sucess"))

function toolBarEvent(sender,args)

    {

        if ($(args._currentItem).find(".EditItem").length > 0) {

            sender._editMode = "Normal"; //set normal edit

        }

        if($(args._currentItem).find(".AddNewItem").length > 0)

            sender._editMode = "InlineForm"; //set inlineform edit
    }

When double click on the row:

We use “OnRecordDoubleClickEvent” event for normal editing to update action when double click the row.

Please refer to the code and sample:

[code]

.ClientSideEvents(eve=>eve.OnToolbarClickEvent("toolBarEvent").OnRecordDoubleClickEvent("recordClick").OnActionSuccess("sucess"))

  function recordClick(sender, args)

    {

        sender._editMode = "Normal"; //set normal edit on double click on the row
    }

Sample: http://www.syncfusion.com/downloads/support/forum/123201/ze/sample1155919959.zip

Regards,
Kavitha N.


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.

Warning Icon 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.Close Icon

;