How to disable the objects into a Panel?

[korenanzo]

Hi,
I have a panel; it contains several jeasyui objects : textbox, datebox, combobox, linkbuttons etc etc.

The objects are added at runtime so I do not know which objects there will be in.

Now I want to disable all the objects into the panel.

As I said, The problem is that I don't know how many and what type of objects I have.

I tried with:

Code:

$('#myPanel').find('*').prop('disabled',true) 

It works for all objects except the   linkbutton: this implies that the combo arrows remains active.
http://jsfiddle.net/korenanzo/c3vehtL2/

Is there another way ?

Thanks,

RIc

[jarry]

Please try this updated example
http://jsfiddle.net/c3vehtL2/1/

[korenanzo]

Hi jarry,
this is nice but dos not work for linkbuttons.
I tried adding 'linkbutton' on the plugins array but it's  not enough

http://jsfiddle.net/c3vehtL2/2/

[jarry]

You can call 'disable' method to disable the linkbutton components. If you want to prevent from do any thing with all the panel's elements, another alternative solution to solve this issue is to display a mask layer over the panel .