What components are not suitable to work as component interfaces

When creating a new Component Interface (CI), it must select the component based-on to build the CI from. Sometimes the selected component may not be suitable to be used as a CI directly without proper customization to the base component, even if it is a Peoplesoft delivered component.

There are limitations, some of which are documented in the Component Interface PeopleTools Peoplebooks. For example, if the component used as the underlying component for CI makes use of the following functions, the new CI will not work properly.

Components with the functionalities below will not work properly as component interfaces

1. Has link/button on page, which bring up secondary page to input additional data
2. Uses the PeopleCode events and functions that relate exclusively to GUI and online processing. These include:
a) Search dialog processing.
When you run a component interface, the SearchInit, SearchSave, and RowSelect events don't fire. This means that any PeopleCode associated with these events will not run. The first event to run is RowInit.

b) Menu PeopleCode and pop-up menus.
The ItemSelected and PrePopup PeopleCode events are not supported. In addition, the CheckMenuItem, DisableMenuItem, EnableMenuItem, HideMenuItem, and UncheckMenuItem functions arent available.

c) Transfers between components, including modal transfers.
The TransferPage, DoModalPageGroup, and IsModalPageGroup functions cannot be used.

d) Dynamic tree controls.
Functions related to this control, such as GetSelectedTreeNode, GetTreeNodeParent, GetTreeRecordName, RefreshTree, and TreeDetailInNode cannot be used.

e) ActiveX controls.
The PSControlInit and PSLostFocus events are not supported, and the GetControl function cannot be used.

f) DoSave() and DoSaveNow().
The DoSave() and DoSaveNow() pcode functions are not supported. You should use the component interface Save() method and wrap the DoSave() and DoSaveNow() functions so they dont execute when called from a component interface.

g) Functions that are ignored in a component interface call.
Some PeopleCode functions are ignored if they are called through a component interface. These functions are:
WinMessage
CheckMenuItem
DisableMenuItem
EnableMenuItem
HideMenuItem
UncheckMenuItem
SetCursorPos
TransferPanel
TransferPage
DoModalComponent
IsModalComponent
DoModalPanelGroup
IsModalPanelGroup
GetSelectedTreeNode
GetTreeNodeParent
RefreshTree
TreeDetailInNode
GetControl
DoSave
DoSaveNow
Gray
Ungray


Workaround/Solution:

A possible workaround is to copy or create a new component based on the existing PS delivered component, customize and tailor the functionality of the component so that it will function as expected as a CI.

### Vue 2 Compatible CSS Component Libraries For developers working with Vue 2, several well-regarded CSS component libraries can enhance the development process and provide a robust set of UI components. These libraries are designed to work seamlessly with Vue.js applications. #### Vuetify Vuetify is one of the most popular choices for building Material Design interfaces using Vue.js. It offers an extensive collection of pre-styled components that adhere closely to Google's design guidelines[^1]. The library supports both Vue 2 and has detailed documentation along with numerous examples which make it easier for developers to integrate into projects quickly. ```javascript // Example installation command for Vuetify in Vue 2 project npm install vuetify@next --save ``` #### Element Plus (Legacy Version) Element Plus provides a suite of high-quality components tailored specifically towards desktop applications. Although primarily aimed at Vue 3 now, there exists a legacy version compatible with Vue 2 called `element-ui`. This package includes over 80 customizable elements covering common needs such as forms, tables, navigation bars etc. ```bash # Installation instruction for element-ui suitable for Vue 2 npm i element-ui -S ``` #### BootstrapVue Another excellent option is BootstrapVue, offering native Vue implementations of Bootstrap’s components and utilities. With support still available for Vue 2 versions up until its end-of-life date, this toolset remains valuable especially when familiarity or preference leans toward Bootstrap styling principles[^2]. ```html <!-- Basic usage example within template --> <div id="app"> <b-button variant="primary">Button</b-button> </div> <script src="https://unpkg.com/bootstrap-vue@2.22.0/dist/bootstrap-vue.min.js"></script> <link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@2.22.0/dist/bootstrap-vue.css"/> ``` --related questions-- 1. How does integrating these CSS frameworks affect performance? 2. What considerations should be made while choosing between different CSS framework options? 3. Can you explain how to migrate from one CSS component library to another in existing Vue 2 apps? 4. Are there any specific features unique to each mentioned CSS component library?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值