nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to use customproperty with aikau InlineEditProperty

janaka1984

Hi,

i need to use customProperty ('customProperties.stcprojectID.value') with this.originalRenderedValue = this.getFormWidget().getValue()[this.postParam]; in InlineEditProperty aikau widget

this.postParam = 'customProperties.stcprojectID.value';

this.originalRenderedValue = this.getFormWidget().getValue()[this.postParam];

Problem is i can not use this dot notation to fetch data , it return output 'undefined '

Please help me to handle this..

Regards

Janakaa

Find more posts tagged with

Accepted answers

janaka1984

Hi Dave draper,

i could manage issue with custom site property (dot notation) by using standard Inlineeditproperty widget as follow

{

id: "MY_PROJECT_ID",

config: {

propertyToRender: "customProperties.stcprojectID.value",

permissionProperty: null,

refreshCurrentItem: true,

requirementConfig: {

initialValue: true

postParam:"prop_stcp_ProjectID",

publishTopic: "ALF_CRUD_UPDATE",

publishPayloadType: "PROCESS",

publishPayloadModifiers: ["processCurrentItemTokens"],

publishPayloadItemMixin: false,

publishPayload: {

url:"ivory/vdr-project-update-repo/{shortName}",

isUpdate: "project-id",

noRefresh: true,

successMessage: I18nUtils.msg("","update.successMessage")

}

Best Regards

Janaka

All comments

ddraper

Could you provide a bit more context as to how you're trying to use the InlineEditProperty widget?

It's purpose is to both display and support the editing of an attribute on Node. As such you provide it with a "propertyToRender" (the display value) and then a "postParam" the property that will be sent in the POST request to update the value. By default (see the "setDefaultPublicationData") it will use the standard forms processing API to try and update the property represented.

So for example if you look at a sample configuration in the AlfSimpleView, it looks like this:

{

id: "SIMPLE_VIEW_NAME",

config: {

propertyToRender: "node.properties.cm:name",

permissionProperty: "node.permissions.user.Write",

postParam: "prop_cm_name",

renderSize: "large"

}

So it's posting the updated value on the forms processing API using "prop_cm_name", but will have rendered the "node.properties.cm:name" attribute.

It is possible to reconfigure the publishTopic and publishPayload used to update the value through configuration (see the unit test application page source for examples of this) - this gives you complete flexibility on how the edits are persisted. There is also the configuration option "refreshCurrentItem" that will update the item in context (an extension point function is provided if you need to update more than just the value (the _ItemLinkMixin provides a good example of this).

But it's important to remember that this is a self contained widget for rendering and editing a single property... your example suggests that you're trying to access the data programmatically (maybe from a custom widget) which might not be the best approach to take - so providing some context on what you're doing would definitely be useful to assist you.

You may want to review the tutorial chapter on how to use this widget.

janaka1984

Hi Dave Draper,

i defined custom property on content model

<import uri="http://www.alfresco.org/model/sitecustomproperty/1.0" prefix="stcp"/>

<property name="stcprojectName">

<title>Project Name</title>

<type>d:text</type>

</property>

When create new site , it is possible to create above property with existing site property.

"customProperties":,

"{http:\/\/www.alfresco.org\/model\/sitecustomproperty\/1.0}ProjectName":

{

"name": "{http:\/\/www.alfresco.org\/model\/sitecustomproperty\/1.0}ProjectName",

"value": "HAI",

"type": "{http:\/\/www.alfresco.org\/model\/dictionary\/1.0}text",

"title": "Project Name"

}

i have used custom widget which extends "alfresco/renderers/InlineEditProperty"

config: {

propertyToRender: "customProperties.stcprojectID.value",

refreshCurrentItem: true,

requirementConfig: {

initialValue: true

postParam: "prop_stcp_ProjectID",

publishTopic: "ALF_UPDATE_PROJECT_DETAILS_CELL",

publishPayloadType: "PROCESS",

publishPayloadModifiers: ["processCurrentItemTokens"],

publishPayloadItemMixin: true,

this dotnotation can render stored data. but when i try to update data, dot notation can not be handled with this.postParam. (this.getFormWidget().getValue()[this.postParam] of onSaveSuccess().

although new value is stored , it does not render at that time (cell is empty)

thanks

regards

janaka

ddraper

So a few questions...

Do you actually have something subscribing to the "ALF_UPDATE_PROJECT_DETAILS_CELL" topic that is being published?
Why are you prefixing your topic with "ALF_" it's short for "ALFRESCO" - it's probably better to namespace your topics with something relevant to your own company/project
Why have you extended the InlinePropertyEdit widget and what functions have your overridden or extended in it?

janaka1984

1) - I update new value by subscribing 'ALF_UPDATE_PROJECT_DETAILS_CELL' which contains URL to call custom update service

2) - i have made mistake by using ALF_ instead need to use custom prefix.

3) - i couldn't manage "customProperties.stcprojectID.value" by applying into this.postParam in onSaveSuccess().

therefore. i override following function and set default value to this.postParam

postMixInProperties: function alfresco_renderers_InlineEditProperty__postMixInProperties() {

this.postParam = "currentVal";

this.inherited(arguments);

}also override following function to make access

updateSaveData: function alfresco_renderers_InlineEditProperty__getSaveData(payload) {

this.inherited(arguments);

var param = {customProperties:{

"stcprojectID":{

value:"NewID"

}}}

lang.mixin(payload, param);

}

ddraper

postParam should be the attribute that you assign to the request body that you send to be updated - it shouldn't be the actual value - it is the name of the parameter to be posted, not the value to be posted.

Is it possible that your custom service isn't interpreting the data being published correctly... you really shouldn't need to be changing postParam - it should be fixed for the API that is ultimately being called. The reason that propertyToRender and postParam are set to different properties is because they frequently differ - the rendered property is almost always different to the property PUT or POST on the API.

I really don't think that you need to be extending the InlineEditProperty widget, I would suspect all the work can be achieved in your custom service. Have you reviewed the Aikau unit test application and the many examples where this is used? Maybe you can post your custom service code for me to take a look at?

janaka1984

custom service-

registerSubscriptions: function alfresco_services_CustomSiteService__registerSubscriptions() {

this.alfSubscribe("CUST_GET_SITES", lang.hitch(this, this.getVdrSites));

this.alfSubscribe("CUST_UPDATE_PROJECT_DETAILS_DROPDOWN", lang.hitch(this, this.updateProjectDropdown));

this.alfSubscribe("CUST_UPDATE_PROJECT_DETAILS_CELL", lang.hitch(this, this.updateProjectCell));

getVdrSites: function alfresco_services_customSiteService__getVdrSites(payload) {

// skipCount is the number of entries to skip, not pages so needs some maths:

var skipCount = (payload.page - 1) * payload.pageSize;

this.serviceXhr({

url: AlfConstants.PROXY_URI +"org/my-project-repo?skipCount=" + skipCount + "&maxItems="+ payload.pageSize,

method: "GET",

alfTopic: payload.responseTopic

});

updateProjectDropdown: function alfresco_services_customSiteServiceVdr__updateProjectDropdown(payload) {

var shortName = lang.getObject("shortName", false, payload);

if (shortName)

{

var url = AlfConstants.PROXY_URI + "org/my-project-update-repo/" + shortName;

this.serviceXhr({

url: url,

method: "PUT",

data: payload,

alfTopic: payload.responseTopic

});

}

else

{

this.alfLog("warn", "A request was made to update a site but no 'shortName' attribute was provided", payload, this);

}

updateProjectCell: function alfresco_services_SiteServiceVdr__updateProjectCell(payload) {

var shortName = lang.getObject("shortName", false, payload);

//payload.responseTopic = this.generateUuid();

//payload.alfPublishScope = "MANAGE_SITES_SITE_SERVICE_";

if (shortName)

{

var url = AlfConstants.PROXY_URI + "org/my-project-update-repo/" + shortName;

this.serviceXhr({

url: url,

method: "PUT",

data: this.clonePayload(payload),

alfTopic: payload.alfResponseTopic,

successMessage: this.message(payload.successMessage || "crudservice.generic.success.message"),

successCallback: this.refreshRequest,

failureMessage: this.message(payload.failureMessage || "crudservice.generic.failure.message"),

failureCallback: this.failureCallback,

callbackScope: this

});

}

else

{

this.alfLog("warn", "A request was made to update a site but no 'shortName' attribute was provided", payload, this);

}

-----------------------------------------------------------------------------------------------------------------------------------------------------------------

following are defined as alfresco repo project

i have used my-project-repo.json.ftl to read existing site details and its custom property

{

"list" : {

<#assign length = sites?size>

<#assign skipCount = pagination.skipCount>

<#assign maxItems = pagination.maxItems>

"pagination" : {

"count" : "${length}",

"hasMoreItems" : "false",

"totalItems" : "${length}",

"skipCount" :"${skipCount}",

"maxItems" : "${maxItems}"

"entries" :[

<#list sites?sort_by("shortName") as site>

{

"entry" :{

"url": "${url.serviceContext + "/api/sites/" + site.shortName}",

"sitePreset": "${site.sitePreset}",

"shortName": "${site.shortName}",

"title": "${site.title}",

"description": "${site.description}",

"isPublic": ${site.isPublic?string("true", "false")},

"visibility": "${site.visibility}"

<#if site.customProperties?size != 0>,

"customProperties":{

<#list site.customProperties?keys as prop>

<#assign propDetails = site.customProperties[prop]>

<#assign s = prop>

"${s?replace('{http://www.alfresco.org/model/sitecustomproperty/1.0}', 'stcp:')}":

{

"name": "${prop}",

"value":

<#if propDetails.value?is_enumerable>

[

<#list propDetails.value as v>

"${v?string}"<#if v_has_next>,</#if>

</#list>

]

<#else>

"${propDetails.value?string}"

</#if>,

"type": <#if propDetails.type??>"${propDetails.type}"<#else>null</#if>,

"title": <#if propDetails.title??>"${propDetails.title}"<#else>null</#if>

}

<#if prop_has_next>,</#if>

</#list>

}

</#if>

}

<#if site_has_next>,</#if>

</#list>

]

}

------------------------------------------

2).

my-project-update-repo.get.js

function main()

{

// Get the site

var shortName = url.extension;

var site = siteService.getSite(shortName);

var siteNode = site.node;

if (site != null)

{

// Update the Project Name

if (json.get("isUpdate") == "project-name")

{

siteNode.properties["stcprojectName"] = json.get("customProperties").get("stcprojectName").get("value");

}

// Update the Project ID

if (json.get("isUpdate") == "project-id")

{

siteNode.properties["stcprojectID"] = json.get("customProperties").get("stcprojectID").get("value");

}

// Update the Project Owner

if (json.get("isUpdate") == "project-owner")

{

siteNode.properties["stcprojectOwner"] = json.get("customProperties").get("stcprojectOwner").get("value");

}

// Update the Project Status

if (json.get("isUpdate") == "project-status")

{

siteNode.properties["stcphase"] = json.get("ProjectStatus");

}

siteNode.save();

//site.node.save();

// Save the site

site.save();

// Pass the model to the template

//model.site = site;

}

else

{

// Return 404

status.setCode(status.STATUS_NOT_FOUND, "Site " + shortName + " does not exist");

return;

}

main();

janaka1984

Hi Dave draper,

i could manage issue with custom site property (dot notation) by using standard Inlineeditproperty widget as follow

{

id: "MY_PROJECT_ID",

config: {

propertyToRender: "customProperties.stcprojectID.value",

permissionProperty: null,

refreshCurrentItem: true,

requirementConfig: {

initialValue: true

postParam:"prop_stcp_ProjectID",

publishTopic: "ALF_CRUD_UPDATE",

publishPayloadType: "PROCESS",

publishPayloadModifiers: ["processCurrentItemTokens"],

publishPayloadItemMixin: false,

publishPayload: {

url:"ivory/vdr-project-update-repo/{shortName}",

isUpdate: "project-id",

noRefresh: true,

successMessage: I18nUtils.msg("","update.successMessage")

}

Best Regards

Janaka