WebCore and DevExtreme

WEB TMS WEB Core
1

Hi,

I have download a WebCore/DevExtreme demo and it works great. I'm doing some testing with other DevExtreme components(dxform with dropdown fields) but I have a issue when using it on dialogs.

This is as normal webform.

image
image836×524 29.7 KB

This is as dialog.

image
image655×634 39.9 KB

image
image1063×528 48.9 KB

Any hints?

Thanks in advance,

Omar Zelaya
DevExDemo.zip (104.3 KB)

2

I use DevExtreme a lot. What exactly is the problem? A dxForm is responsive.

3

Hi,

The problems is a shown on the screen captures, that when I use it on a dialog, the dropdown list or the date capture window are shown under de dialog.

Thanks in advance,

Omar Zelaya

4

Ah, my demo. I find it best to use a dxPopup rather than a form in this instance.

5

Hi,

Do you have a code sample?

Thanks in advance,

Omar Zelaya

6

I have found some demos and the devexpress web.

Thanks.

Omar Zelaya

7

I'll update my demo. Might take a day or two!

8

Thats great.

9

This should get you working. Amend your existing procedure as follows:

procedure TInfoForm.ShowCapturaForm;
begin
  asm
//  Add your constants here
    var formContainer = $("<div />");
    var popup = await new DevExpress.ui.dxPopup(document.getElementById("idInfo"), {
      height: 600,
      width: 600,
      hideOnOutsideClick: false,
      showCloseButton: true,
      showTitle: true,
      title: "Test",
      contentTemplate: (e) => {
        formContainer.dxForm({
//        Add the form content here
        }).dxForm("instance");
        e.append(formContainer);
      },
    });
    popup.show();
  end;
end;

Update Index.html to use the latest DevExtreme version 22.2.5 and add jQuery link if not already done. I will add a full working version of this later to my test program.

10

Hi Ken and Omar,
there are details on Devextreme integration with TMS WebCore and its progress?
Or demos?
I want to test Grids and lookups within WebCore...
Thanks in advance!

11

As far as I am aware there is nothing officially being done by TMS to integrate Devextreme.

If you search on this forum you will find my demo.

12

Hi Ken,
please tell me where is your demo or send me :slight_smile:
Thanks a lot!

13

https://karmobile.net/Test/

1 Like
14

HI Ken,
Thanks a lot!