Page History

Dynamic Cascading for Select Box / Radio button / Checkbox

Since Version 3.0.3, Joget added support for Dynamic Cascading for Select Box / Radio button / Checkbox. This allows these fields to dynamically load available options based on the other field value.

How it works?

It load all the available options at once then show/hide it when the value of controlling field is change. Please refer to Dynamic Cascading Drop-Down List to understand about this feature.

Ajax Cascading Drop-Down List

Since Version 4.0.0 release, Joget enhanced this feature to support Ajax loading of cascade options.

Tremendous performance improvement

This feature helps to improve the performance when you have a huge number of options and when you only want a few options shown that is related to your controlling field to be loaded and shown.

Turning on with just a flick of switch

Figure 1: Turning on AJAX Cascading feature

To turn AJAX loading on, you only need one extra step from Dynamic Cascading Drop-Down List tutorial.

Check on the checkbox of "Use AJAX for cascade options?" when you are configuring the Options Binder.

This property option is currently available in:-

• Bean Shell Options Binder
• Default Form Options Binder
• User Options Binder.

Do try the free Joget app ISIC List from Joget Marketplace which has a good example on the use of the Ajax Cascade Drop Select Box.

选择框/单选按钮/复选框的动态级联  

在版本3.0.3中，Joget增加了对Select Box / Radio按钮 / 复选框的动态级联支持  。这允许这些字段  根据其他字段值动态  加载可用的  选项。

怎么运行的？

它会一次加载所有可用的选项，然后在控制字段的值发生变化时显示/隐藏它。请参阅  动态级联下拉列表  了解此功能。

Ajax级联下拉列表

来到4.0.0版本，Joget增强了这个功能，以支持Ajax  加载  级联选项。

巨大的性能提升

此功能有助于提高性能，当你有大量的选项，当你只想要显示几个选项，可以考虑使用。

只需轻轻一按开关即可

图1：打开AJAX级联功能

要打开AJAX加载，只需从动态级联下拉列表  教程中多加一个步骤  。

选中“使用AJAX进行级联选项”复选框？当您配置  选项绑定器。

此属性选项目前可用于： -

• BeanShell Options Binder
• 默认表单选项绑定器
• 用户选项绑定器.