How to show multiple selected items on custom page?

[Divya_R]

Hi Team,

I am trying to get selected records from main grid in model-driven app to show on custom page.

On Microsoft site, there is code to pass single record through javascript. I am able to pass guids of multiple items but can't find a way to use them in custom page App.OnStart property.

function run(selectedItems)
{
    let selectedItem = selectedItems[0];

    if (selectedItem) {     
        let pageInput = {
            pageType: "custom",
            name: "<logical page name>",
            entityName: selectedItem.TypeName,
            recordId: selectedItem.Id,
        };
        let navigationOptions = {
            target: 1
        };
        Xrm.Navigation.navigateTo(pageInput, navigationOptions)
            .then(
                function () {
                    // Handle success
                }
            ).catch(
                function (error) {
                    // Handle error
                }
            );
    }
}

Below code is used to get a single record but if I am sending ids of multiple records, how can I use them with param?

App.OnStart=Set(RecordItem, 
    If(IsBlank(Param("recordId")),
        First(<entity>),
        LookUp(<entity>, <entityIdField> = GUID(Param("recordId"))))
    )

Any help is greatly appreciated!!

Thanks!

[datey8819]

Hi divya_r

We can't read multiple Ids using Param("recordId")

Param function is used for reading Query String [Technically the 'id' in the URL] as like below: 

https://<your domain>.crm4.dynamics.com/main.aspx?appid=43er5rb4-cb1e-4843-8d38-edee7f45dbaa&forceUCI=1&pagetype=entityrecord&etn=opportunity&id=wewe2323-f962-496b-b1ba-004a5008csdf

Note that I am referring to a custom page here, but the Param function still have the same meaning if you are using it in canvas app.

Thanks

[datey8819]

@Divya_R  Could you provide your actual requirement ??

[Divya_R]

Hi @datey8819,

Thanks for your reply. This issue was fixed while ago.

You're right Param("recordId") won't take multiple guids. I was able to fix it using loop and With function.

[powerH]

@Divya_R Would you be able to share your solution here in more detail? I am facing the same requirement and I would be glad to have a look at your solution. Thank you!

[Divya_R]

Hi @powerH ,

You can refer below code :

Set(IdsfromJS,Param("recordId")); 
ForAll( 
      Split( RecordIds, "," ), 
      With( 
            { ID: ThisRecord.Result }, 
            Collect( RecordItems, 
                LookUp( Consumables, 'Quantity Items' = GUID(ID) 
                 ) 
             )
        ) 
   )

Let me know if this helps.

[powerH]

Thank you for your reply. This certainly helps and is an answer to my question. I was also wondering about the JavaScript part to pass the selected records by Parameter 1 "SelectedControlSelectedItemsId" to the custom page and I am sharing the part I created based on the Microsoft Learn documentation. I use the "modern commanding" to open the custom page.

function run(selectedItems)
{
    if (selectedItems) {     
        let pageInput = {
            pageType: "custom",
            name: "new_customPage",
            entityName: selectedItems[0].TypeName,
            recordId: selectedItems.join(','),
        };
        let navigationOptions = {
            target: 2,
            position: 2,
            width: {value: 50, unit:"%"}
        };
        Xrm.Navigation.navigateTo(pageInput, navigationOptions)
            .then(
                function () {
                    // Handle success
                }
            ).catch(
                function (error) {
                    // Handle error
                }
            );
    }
}​

[Divya_R]

Hi @powerH,

Thanks for confirming.

To transfer selected ids from JavaScript I wrote below code :

let pageInput = {
                pageType: "custom",
                name: "rc_newtransfer_70eef",
                entityName: selectedEntityTypeName,
                recordId: selectedItems.map(item=>item.Id),
            };

and see attached snapshot of ribbon workbench.