Grid Commands from buttons outside the Grid

[Ciprian Daniel]

Hello,

I don't want to add any GridCommandButton into the Grid's Layout.

For example I have implemented a ribbon on my page and there I have a button "Add Entry". Is it possible to achieve the same functionality from that button I have mentioned as when the Add GridCommandButton with the attribute Command="Add" is added to the grid layout in the toolbar?

 

Best regards,

Cipri

[Marin Bratanov]

Hi Cipri,

Yes, you can do that with the grid state feature, see an example here: https://docs.telerik.com/blazor-ui/components/grid/state#initiate-editing-or-inserting-of-an-item. I'd also recommend you review the entire article from the top for more details on what this feature can do for you, because it can do much more.

 

Regards,
Marin Bratanov
Progress Telerik

[chesk345]

I'd like to do something simpler; that is, to simply open the Add New Record dialog via a button outside the Grid. Is there an example of such you can refer me to, please?

[Marin Bratanov]

You can do this with the grid state feature, see the section titled "Initiate Editing or Inserting of an Item".

It looks like this

    async Task StartInsert()
    {
        var currState = GridRef.GetState();
        // reset any current editing. Not mandatory.
        currState.EditItem = null;
        currState.OriginalEditItem = null;

        // add new inserted item to the state, then set it to the grid
        // you can predefine values here as well (not mandatory)
        currState.InsertedItem = new SampleData() { Name = "some predefined value" };
        await GridRef.SetState(currState);

        // note: possible only for Inline and Popup edit modes, with InCell there is never an inserted item, only edited items
    }

[chesk345]

Thanks for your reply. Please bear with me, as I did look at this code before posting my question, and I don't understand how it applies to what I want to do.

I was expecting to be able to open the "Add New Item" popup and let the user provide the new item through the UI.

The sample code shows an instance of the class with hard-coded values:
currState.InsertedItem = new SampleData() { Name = "some predefined value" };

How do I get those vales from the popup instead?

Thanks again for your assistance.

[Svetoslav Dimitrov]

Hello Francis,

The line of code you refer to showcases how-to predefined some values for your user and this is not mandatory. If you provide such values and the user edits them you will get the values that the user input, not the predefined. 

Let me know if you need any further assistance.

[chesk345]

I understand. I am asking how to open the Telerik "Add New Item" popup from my own button on the page, rather than from the Telerik Command Button in the Grid's toolbar. Thanks...

[Marin Bratanov]

I made a private ticket for you so we can discuss this in a more comfortable environment than these short comments, its ID is 1525612. By the time you are reading this, you should have my reply there.