Modern UI – Grid Field Not Showing & Required Field Asterisk Missing

Hi ​@vkumar68 

1) What do you mean, “Unable to add”? I have added a similar field on an EnqResult grid screen in modern ui, and was able to do so using html and ts files. Is your ts file saving and publishing or being pushed to the system via the command line successfully? One thing could be an issue with the @placeafterproperty if there is a bug, you could try just using html to add the field instead, similar to:
<field name="DACNAME_FieldName" after="#grid"></field>

2) I believe the asterisk on required fields is driven by the pxdefault attribute, not required = true in the pxuifield attribute. I would suggest using the pxdefault attribute if you want to see the asterisk.

Hi ​@vkumar68,

Regarding point 2, I suggest adding config-required.bind="true" to the HTML for the OPS Product Type field to display the red asterisk (*).

HTML (example):

<template>
    <field before="#fsColumnB-Filter [name='SelectBy']" 
           name="UsrOPSProductType" 
           config-required.bind="true">
    </field>
</template>

Result:

Regarding point 1, your TypeScript code correctly displays the Item Class; I have made small changes by adding @columnConfig:

TS:

import { PXFieldState, placeAfterProperty, columnConfig, } from "client-controls";
import { INDeadStockEnqResult, } from "src/screens/IN/IN405500/IN405500";

export interface INDeadStockEnqResultExt extends INDeadStockEnqResult { }
export class INDeadStockEnqResultExt {
    @placeAfterProperty("InventoryItem__Descr")
    @columnConfig({ width: 200, allowUpdate: false })
    InventoryItem__ItemClassID: PXFieldState;
}

Result: