Is there a way to determine which in-place editor is used if its url property value is set to be empty?

Thread ID:	Created:	Updated:	Platform:	Replies:
142787	Feb 20,2019 03:06 AM UTC	Feb 22,2019 05:03 AM UTC	Vue	3

Subscribe to this post

Tags: InPlaceEditor

Jzy

Asked On February 20, 2019 03:36 AM UTC

Hi,

There are lots of in-place editors on one page identified by different ref property and name property and primaryKey property like this:

ref="caseNameEditor" type="Text" mode="Popup" data-underline="false" actionOnBlur="Cancel"

:actionSuccess= "onActionSuccess"

:value=case_basicinfo.case_name :model="caseNameModel"

:popupSettings="textpopupsettings"

name="caseName" primaryKey="caseName"

I want to handle data locally and hence url property values of them are set to be empty.

According to this sentence: 'If the URL property value is empty, data passing will handled at local and also the actionSuccess event will trigger with null as argument value.'

I can see that the e argument in 'actionSuccess: function(e) {}' has three sub-parameters as follows:

e: {

data:{}, ---- this one is empty

name: actionSuccess,

value: new_value

}

How can I get the properties of in-place editor to determine which one is used once its actionSuccess event is triggered?

Thanks,

Jzy

Reply | Reply with quote

Prince Oliver [Syncfusion]

Replied On February 20, 2019 11:28 AM UTC

Hi Brett,

Thank you for using Syncfusion products.

You can get editor reference when an actionSuccess event is triggered. To achieve this need to pass In-place Editor’s component reference into actionSuccess event definition and then configure v-on directives to this definition. Kindly refer to the following code.

v-on:actionSuccess="success($event, $refs.editObj1)"

// $event - Arguments of In-place Editor success event

// $refs.editObj1 - Additional argument which holding current editor reference.

Configure success event and access editor element’s instances as shown below.

success: function(successArgs, editRef) {

console.log(successArgs); // Success event arguments

console.log(editRef.$el); // Event triggered In-place Editor element

console.log(editRef.ej2Instances); // Event triggered In-place editor instance

}

We have prepared sample based on your requirement, please find the sample at the following link

https://codesandbox.io/s/xp337rz5xo

Please let us know if you need any further assistance on this.

Regards,

Prince

Reply | Reply with quote

Jzy

Replied On February 21, 2019 07:28 AM UTC

Hi Prince,

Thank you so much for your help! This does work!

Thanks,

Jzy

Reply | Reply with quote

Prince Oliver [Syncfusion]

Replied On February 22, 2019 05:03 AM UTC

Hi Jzy,

Most Welcome.

We are glad to help you.

Regards,

Prince

Reply | Reply with quote

CONTACT US

Is there a way to determine which in-place editor is used if its url property value is set to be empty?

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US