BuyLog In
Ticket T1285217
Visible to All Users

Missing Grid Designer & Expression Editor Functionality for ReactJS

created 5 days ago

Hello Team,

I am currently developing an application using ReactJS and have found the Grid Designer and Expression Editor functionalities in the WindowsForms version of DevExpress (see links below). However, I have not been able to locate similar functionality or examples within the ReactJS ecosystem.

Could you please clarify if:

  • There are any plans to implement similar design-time or runtime tools for the DevExtreme React components?

  • If not, are there any recommended workarounds or alternative approaches to achieving the same functionality in ReactJS?

Any guidance or direction on how to proceed would be greatly appreciated.

Thank you for your time and support.

Best regards,
Dhanush

Sign in to comment on this post

Answers approved by DevExpress Support

created 4 days ago

Hi Dhanush,

Grid Designer (WindowsForms)

This designer is part of the Visual Studio IDE. While it might be helpful to accelerate development, it isn't intended for end users. Could you clarify whether you're interested in a similar designer for development or if you're seeking a way to allow users to customize the Grid with similar tools?

Expression Editor (WindowsForms)

Our DataSource API, which calculates, filters, and sorts values in DevExtreme DataGrid and PivotGrid, doesn't support such expressions. Additionally, there is no UI editor available to construct them.

For the dxDataGrid, a feasible option is to build a custom dialog with dxPopup, dxTextBoxes, etc., and define a custom unbound column with calculateCellValue. Here, it is necessary to parse the expression into a valid JS string. The complexity of the final solution will depend on the string expressions users might enter. Moreover, this callback cannot be used if remoteOperations is enabled.

In conclusion, we can't share a straightforward method to accomplish this task in DevExtreme because the overall support for this API is limited. We aren't planning to implement the Expression Editor this year as our focus is on our Roadmap. If we decide to change our plans, we'll update the webpage and your ticket.

Regards,
Artem

    Comments (2)
    DS DS
    Dhanush S 3 days ago

      Hi Artem,

      Regarding the Grid Designer (WindowsForms), we are planning to implement similar customization tools for our users. Is there an equivalent feature available in the ReactJS version?

      Artem (DevExpress Support) 3 days ago

        Hi Dhanush,

        Currently, DataGrid offers Column Chooser and Context Menu to allow end-users to customize the built-in layout. See the following demos:

        While we have no plans for a more advanced designer, you can still change DataGrid options at runtime via API. Technically, you can build a custom dialog(s) with our components ( dxPopup, dxToolbar, editors, lists, etc.,) to achieve similar results. However, the complexity of the solution will depend on the number of features/use cases you'll need to support. We cannot share any test samples but only general recommendations at this point.

        Thanks,
        Artem

        Sign in to comment on this post

        Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

        Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.