Displays business object lists in custom pages with the same interaction and capabilities as the standard CRM object list page.

Component API

Attributes

Parameter	Description	Type	Optional Values	Default
options	List configuration object	Object	—	—

options

Field	Description	Type	Optional Values	Default
apiName	Business object apiName (required)	String	—	—
disabledFeatureControls	Hide list UI capabilities; true hides the matching feature	Object	—	—
hooks	Extensions applied before list render	Object	—	—

disabledFeatureControls

The component always hides the following. Do not rely on config to show them again:

Key	Description
view	View switcher
quickFilter	Quick filter
multiSort	Multi-column sort
guide	List guides

You may add these keys (true hides the feature):

Key	Description
term	Scene (Term) switcher
recordType	Record type selector
refresh	Refresh button
setting	Settings button

hooks

Key	Description	Type	Optional Values	Default
beforeRender	Callback before list render; return shape matches list.render.before	Function	—	—

Signature:

beforeRender(unused, context) {
  return {
    // See list.render.before
  };
}

Parameter	Description
unused	Reserved; ignore in business code (use _ in examples)
context	List context, including recordType; see common list plugin parameters

Return fields, buttons.del identifier rules, and other details are defined in list.render.before.

Methods

The component does not expose public methods.

Events

The component does not expose public events.

Slots

The component does not provide configurable public slots.

Examples

Basic Usage

Obtain the component with FxUI.component.get('ObjectListLatest').

<template>
  <div class="list-page">
    <object-list-latest :options="options" />
  </div>
</template>
<script>
export default {
  components: {
    ObjectListLatest: FxUI.component.get('ObjectListLatest'),
  },
  data() {
    return {
      options: {
        apiName: 'AccountObj',
        disabledFeatureControls: {
          term: true,
          recordType: true,
          refresh: true,
          setting: true,
        },
        hooks: {
          beforeRender(_, context) {
            return {
              buttons: {
                del: ['Add', 'IntelligentForm', 'ExportFile'],
              },
              termExtendConfig: {
                retain: ['Follow'],
              },
              formatRequestParam(params) {
                return params;
              },
              afterRequestDescribe() {
                return {
                  quickFilterField: ['name'],
                };
              },
            };
          },
        },
      },
    };
  },
};
</script>
<style>
.list-page {
  width: 100%;
  height: 600px;
}
</style>

Notes

Layout

• The parent container must have an explicit height. This component uses width/height: 100%; without a sized parent, the list area may not display correctly.

Integration checklist

• Use a real business object apiName for options.apiName.
• Follow list.render.before for options.hooks.beforeRender return fields and buttons.del identifier rules.
• view, quickFilter, multiSort, and guide are hidden by default and cannot be re-enabled through options.disabledFeatureControls.