.Net core command equivalent code

[Fahd]

I am not able to find an example equivalent to below code in Ext.net 7.

<ext:Column ID="AddTestData" runat="server" Text="Enter Test Data" Flex="2" MinWidth="60"
                            Filterable="false">
                            <Commands>
                                <ext:ImageCommand  CommandName="Show Test Data Entry" Icon="Add" ToolTip-Text="Show Test Data Entry" Disabled="true" />
                            </Commands>
                            <Listeners>
                                <Command Fn="onCommand" />
                            </Listeners>
                             <PrepareCommand Fn="toggleEnterTestData" />
                        </ext:Column>

[fabricio.murta]

Hello, @Fahd!

A corresponding code in Ext.NET 7 Razor Pages should look like:

<ext-column id="AddTestData" text="Enter Test Data" flex="2" minWidth="60">
    <customConfig>
        <ext-add key="filterable" valueModel="false" />
        <ext-add key="isCellCommand" valueModel="true" />
        <ext-add key="commands" valueModel="testDataCommand" />
        <ext-add key="prepareCommand" value="toggleEnterTestData" mode="Raw" />
        <ext-add key="listeners">
            <ext-add key="command">
                <ext-add key="fn" value="onCommand" mode="Raw" />
            </ext-add>
        </ext-add>
    </customConfig>
</ext-column>

Being testDataCommand defined in the model (or in a code @{ } block within the page), like this:

var testDataCommand = new []
{
    new
    {
        command = "Show Test Data Entry",
        iconCls = "x-md md-icon-add",
        tooltip = new
        {
            text = "Show test Data Entry"
        }
    }
};

Hope this helps!