[nepalmerParticipant]

Hi,

Ok that makes sense. Here is the code I’m testing with.

What I would like to be able to do is call the showWindowButton method and get what button the user clicked.

let actionWindow = React.createRef<JqxWindow>();

Function testME(): void {
showWindowButton(‘This view contains data which has not yet been saved.\nDo you want to save the changes?\n’);
}

function showWindowButton(message: string): void {
document.getElementById(‘lblMessage’)!.textContent = message;
actionWindow.current!.open();

console.info(‘App showWindowButtonClick isOpen ‘ + actionWindow.current!.isOpen());
console.info(‘App showWindowButtonClick after’);
}

function actionWindowOnClick(e: Event): void {
const target = e.target as HTMLElement;
console.info(target.innerText);
}

function eventWindow(event: any): void {
console.info({event});
}

{/* @ts-ignore */}
<JqxWindow ref={actionWindow}
onClose={eventWindow}
theme={‘office’}
width={320}
height={160}
resizable={false}
cancelButton={‘.cancelButton’}
okButton={‘.okButton, .noButton’}
position={{ x: 10, y: 180 }}
draggable={false}
autoOpen={false}
isModal={true}
modalOpacity={0.3}
showCloseButton={false}
>
<div>
Proceed with change
</div>
<div>
<div style={{ marginLeft: 5, marginRight: 5, border:1 || ‘solid’ || ‘black’ }} >
<p id=’lblMessage’>
–
</p>
</div>
<div style={{ float: “right”, marginTop: 15 }}>
<div>
{/* @ts-ignore */}
<JqxButton className={‘okButton’} onClick={actionWindowOnClick} style={{ display: ‘inline-block’, marginRight: 10 }} width={60}>
Yes
</JqxButton>
{/* @ts-ignore */}
<JqxButton className={‘noButton’} onClick={actionWindowOnClick}style={{ display: ‘inline-block’, marginRight: 10 }} width={60}>
No
</JqxButton>
{/* @ts-ignore */}
<JqxButton className={‘cancelButton’} onClick={actionWindowOnClick} style={{ display: ‘inline-block’, marginRight: 40 }} width={60}>
Cancel
</JqxButton>
</div>
</div>
</div>
</JqxWindow>

[nepalmerParticipant]

Hi,
I checked the version I was running and I got this

+– jqwidgets-scripts@15.0.0

So I updated to version 17.0 and after doing that the error went away.

Thanks for your help

[nepalmerParticipant]

Thanks that works perfectly

[nepalmerParticipant]

Thanks that works great

[nepalmerParticipant]

Hi,

Thanks for the response. I did find that property and it partially does what I want. But I’d like the increments to change in a different order than by say 10. I’d like to sequence to be 1,10,100,1000,10000.

Is that possible?

Thanks

[nepalmerParticipant]

Great thanks!

[nepalmerParticipant]

Hi,

That’s exactly what I want to do. But can you give me an example in react like most of you other examples?

Thanks

[nepalmerParticipant]

Thanks that did the trick.

I’m running into a slightly different problem. I’m trying to go DockPanel Demo page – https://www.jqwidgets.com/react/react-dockpanel/index.htm by clicking on the link on the DockPanel page Getting started page – https://www.jqwidgets.com/react-components-documentation/documentation/jqxdockpanel/reactjs-dockpanel-getting-started.htm?search= but the demo page doesn’t work. But I feel like I’ve gotten to the demo page somehow since I got some demo code to use.

Can you tell me how to find the demo page for the DockPanel?

Thanks

[Author]

Posts