[CLOSED] Custom buttons Ext.Msg.show do not appear 4.8.3

Printable View

Nov 14, 2019, 1:57 PM
xeo4.it

[CLOSED] Custom buttons Ext.Msg.show do not appear 4.8.3

Hi,
see my example, if I set custom buttons into Ext.Msg.show, the buttons do not appear, in 4.8.3 ext.net version.
Please help me.

Jimmy

Code:

<%@ Page Language="C#" %> <!DOCTYPE html> <html> <head runat="server"> <title></title> <script type="text/javascript"> var btnClick = function () { Ext.Msg.show({ title: 'Title', msg: 'Message message message message message message message message', buttons: [ { text: 'yes', itemId: 'yes' }, { text: 'no', itemId: 'no' }, { text: 'cancel', itemId: 'cancel' }, { text: 'custom', itemId: 'custom' }, ], fn: function (btn) { alert(btn); } }); } </script> </head> <body> <ext:ResourceManager runat="server" /> <ext:Button ID="btn" runat="server" Text="Show Message Box"> <Listeners> <Click Handler="btnClick();" /> </Listeners> </ext:Button> </body> </html>
Nov 14, 2019, 6:04 PM
fabricio.murta

Hello Jimmy!

The documentation on the Ext.window.MessageBox component is really unclear on how to write custom buttons, and it looks as if it suggests using buttons the way you did should work, while it doesn't.

Furthermore the equivalent to itemId you can use is a fixed set: yes no cancel ok
Anything other than that is just ignored -- so you can have up to 4 buttons in the dialog without doing deep changes into the component (in this case you should just go with a window and a bottom/status bar with centered buttons; program their behavior on click).

A step ahead, itemId is not recognized in the buttons scope. What is supported there is a object with what you see as itemId in documentation as the object's key. Not an array either. In other words, this should work:

Code:

buttons: {yes: 'Yes', no: 'No', cancel: 'Cancel', ok: 'Custom' },

I believe for your needs you can just use one of the buttons (the ok one for instance) as your custom one. Again, if you need to go even further ahead, you'd better switching to a custom implementation of the dialog window (via, for example, an actual ext:Window component).

Hope this helps!
Nov 18, 2019, 9:40 AM
xeo4.it

Hello Fabricio,
thank you for your reply, fortunately I only need one more button, it is not very nice that to respect the ordering of the buttons I have to change the meaning of the keys:
my example --> buttons: { ok: 'yes', yes: 'no', no: 'No All', cancel: 'Cancel', } to obtain "yes, no, no all, cancel".
Is it possible to specify the order of the buttons?
Thank you

Jimmy
Nov 18, 2019, 8:54 PM
geoffrey.mcgill

Quote:

Is it possible to specify the order of the buttons?

As mentioned by Fabricio above, configuring an <ext:Window> is your best bet for that scenario.
Nov 19, 2019, 7:53 AM
xeo4.it

Hi Geoffrey,
ok, I will make a dedicated window.
Thank you

Jimmy