Reordenar el contenido de una vista de propiedades

Puede reorganizar el contenido en la vista de propiedades de un objeto de negocio en una herramienta del Management Center. Por ejemplo, puede mover pestañas, secciones o widgets dentro de una vista de propiedades para adaptarlos a las necesidades de su empresa.

Procedimiento

  1. Abra HCL Commerce Developer y cambie a la vista Explorador de empresa.
  2. Expanda LOBTools > WebContent > WEB-INF > src > xml > commerce > component > propertiesViews, donde component es el nombre del componente del Management Center.
  3. Abra el archivo de propiedades del objeto que contiene la visualización de la vista de propiedades que desea cambiar.
  4. Localice la definición de la vista de propiedades dentro del archivo y reorganice el contenido de la vista de propiedades. La secuencia de las propiedades en el archivo determina la secuencia de visualización de las propiedades en la interfaz de usuario.
    OpciónDescripción
    Cambiar el orden de las pestañas Localice el elemento PropertyTabs y cambie el orden de los códigos hijo. Por ejemplo, en la vista de propiedades de categoría, la pestaña Gestionar categoría aparece antes de la pestaña Elementos asociados: 
    
<ObjectProperties definitionName="cmc/catalog/CategoryProperties">
  <dependency localName="foundationResources" moduleName="cmc/foundation/FoundationResources"/>
  <dependency localName="catalogResources" moduleName="cmc/catalog/CatalogResources"/>
  <!-- This is the set of tabs to display on the Category properties notebook -->
  <PropertyTabs name="tabs">
  
    <!-- Tab: Manage Category. This tab contains general information about the selected category such as name, description etc. -->
    <PropertyTabPane name="manageCategoryTab" text="${catalogResources.manageCategoryTab}">
    <!-- Property Pane: Manage Category . This is an instantiation of the property pane which contains general category details. -->
    <PropertyPane baseDefinition="cmc/catalog/ManageCategory"/>
    </PropertyTabPane>
  
    <!-- This is for supporting attachment reference of a category -->
    <PropertyTabPane name="manageAttachmentTab" text="${catalogResources.manageAttachmentTab}">	
    <!-- Property Pane: Manage Attachment Reference. 
         This is an instantiation of the property pane which contains attachment reference of this category. -->
    <PropertyPane baseDefinition="cmc/catalog/ManageAttachment"/>
     </PropertyTabPane>
  
  </PropertyTabs>
</ObjectProperties>
    Para mover la pestaña Gestionar categoría para que aparezca después de la pestaña Elementos asociados, cambie el orden de los elementos PropertyTabPane para que sean similares a los del siguiente fragmento de código:
    
<ObjectProperties definitionName="cmc/catalog/CategoryProperties">
  <dependency localName="foundationResources" moduleName="cmc/foundation/FoundationResources"/>
  <dependency localName="catalogResources" moduleName="cmc/catalog/CatalogResources"/>
  <!-- This is the set of tabs to display on the Category properties notebook -->
  <PropertyTabs name="tabs">

    <!-- This is for supporting attachment reference of a category -->
    <PropertyTabPane name="manageAttachmentTab" text="${catalogResources.manageAttachmentTab}">	
    <!-- Property Pane: Manage Attachment Reference. 
         This is an instantiation of the property pane which contains attachment reference of this category. -->
    <PropertyPane baseDefinition="cmc/catalog/ManageAttachment"/>
     </PropertyTabPane>

    <!-- Tab: Manage Category. This tab contains general information about the selected category such as name, description etc. -->
    <PropertyTabPane name="manageCategoryTab" text="${catalogResources.manageCategoryTab}">
    <!-- Property Pane: Manage Category . This is an instantiation of the property pane which contains general category details. -->
    <PropertyPane baseDefinition="cmc/catalog/ManageCategory"/>
    </PropertyTabPane>
  
  </PropertyTabs>
</ObjectProperties>
    Cambiar el orden de las secciones contraíbles Localice el elemento PropertyPane y cambie el orden de los elementos PropertyGroup hijo. Por ejemplo, en el panel Gestionar categoría, el grupo de propiedades generalInfoPropGrp aparece antes del grupo de propiedades displayPropGroup: 
    
<PropertyPane definitionName="cmc/catalog/ManageCategory">
  <dependency localName="catalogResources" moduleName="cmc/catalog/CatalogResources"/>
  <PropertyGroup baseDefinition="cmc/foundation/PropertyAssetInformationGroup"/>
  
  <!-- Property Group: General Category Information. 
    This properties group contains general category information such as code, description etc -->
  <PropertyGroup groupTitle="${catalogResources.generalCategoryInformationSection}" name="generalInfoPropGrp" open="true">
    ... 
  </PropertyGroup>
	
  <!-- Property Group:  Display. 
   This properties group contains images that are attached to a category, such as thumbnail and full image. -->
  <PropertyGroup groupTitle="${catalogResources.displaySection}" name="displayPropGroup">
  ...		
  </PropertyGroup>

</PropertyPane>
    Para cambiar el orden de los grupos en el panel Gestionar categoría, mueva el grupo de propiedades generalInfoPropGrp después del grupo de propiedades displayPropGroup:
    
<PropertyPane definitionName="cmc/catalog/ManageCategory">
  <dependency localName="catalogResources" moduleName="cmc/catalog/CatalogResources"/>
  <PropertyGroup baseDefinition="cmc/foundation/PropertyAssetInformationGroup"/>
  
  <!-- Property Group:  Display. 
    This properties group contains images that are attached to a category, such as thumbnail and full image. -->
  <PropertyGroup groupTitle="${catalogResources.displaySection}" name="displayPropGroup">
  ...		
  </PropertyGroup>

  <!-- Property Group: General Category Information. 
   This properties group contains general category information such as code, description etc -->
  <PropertyGroup groupTitle="${catalogResources.generalCategoryInformationSection}" name="generalInfoPropGrp" open="true">
    ... 
  </PropertyGroup>

</PropertyPane>
    Cambiar el orden de widgets dentro de un grupo Localice el elemento PropertyGroup y cambie el orden de los elementos componentes de propiedades hijo. En el ejemplo siguiente, el recuadro de selección Mostrar a los clientes aparece antes del editor de imágenes reducidas:
    
<!-- Property Group:  Display. This properties group contains images that are attached to a category, such as thumbnail and full image. -->
<PropertyGroup groupTitle="${catalogResources.displaySection}" name="displayPropGroup">

<!-- Property: Published. A checkbox for the published (display to customer) property. -->
<PropertyCheckbox extendedHelpText="${catalogResources.extendedHelpText_displayToCustomers}" falseValue="0" 
 objectPath="CatalogGroupDescription" promptText="${catalogResources.displayToCustomerPrompt}" 
 propertyName="xdesc_published" trueValue="1"/>

<!-- Property : Thumbnail image. An image editor for the tImage property -->
<ImageEditor objectPath="CatalogGroupDescription" promptText="${catalogResources.thumbnailPrompt}" propertyName="tImage"/>

<!-- Property : Full image. An image editor for the fImage property -->
<ImageEditor objectPath="CatalogGroupDescription" promptText="${catalogResources.fullImagePrompt}" propertyName="fImage"/>
</PropertyGroup>
    Para cambiar el orden y desplazar el recuadro de selección para que aparezca después del editor de imágenes reducidas, mueva el elemento de recuadro de selección después del elemento de editor de imágenes reducidas:
    
<!-- Property Group:  Display. This properties group contains images that are attached to a category, such as thumbnail and full image. -->
<PropertyGroup groupTitle="${catalogResources.displaySection}" name="displayPropGroup">

<!-- Property : Thumbnail image. An image editor for the tImage property -->
<ImageEditor objectPath="CatalogGroupDescription" promptText="${catalogResources.thumbnailPrompt}" propertyName="tImage"/>

<!-- Property: Published. A checkbox for the published (display to customer) property. -->
<PropertyCheckbox extendedHelpText="${catalogResources.extendedHelpText_displayToCustomers}" 
 falseValue="0" objectPath="CatalogGroupDescription" promptText="${catalogResources.displayToCustomerPrompt}" 
 propertyName="xdesc_published" trueValue="1"/>

<!-- Property : Full image. An image editor for the fImage property -->
<ImageEditor objectPath="CatalogGroupDescription" promptText="${catalogResources.fullImagePrompt}" propertyName="fImage"/>
</PropertyGroup>