Promo Center

50% off for new user

Direct Mail-46% off

Learn More

Cascade picker

Updated at: 2022-02-17 10:16

AUCascadePicker provides a multi-level cascade selector that supports selection at a maximum of three levels.

Sample image

1.1

API description

    /**
     * Set the selected list.
     */
    public void setDateData(List<PickerDataModel> strList)


     /**
     * Start the selected items.
     * @param model
     */
    public void setSelectedItem(PickerDataModel model)

    /**
     *Set listeners for the selected items.
     * @param model
     */
    public void setOnLinkagePickerListener(OnLinkagePickerListener listener)

JSAPI description

API

antUIGetCascadePicker

API usage

AlipayJSBridge.call('antUIGetCascadePicker',
{
    title: 'nihao',// The cascade option title.
    selectedList:[{"name":"Hangzhou",subList:[{"name":"Shangcheng District"}]}],
    list: [
        {
            name: "Hangzhou",// The entry name.
            subList: [
                {
                    name: "Xihu District",
                    subList: [
                        {
                            name: "Gucui Street"
                        },
                        {
                            name: "Wenxin Street"
                        }
                    ]
                },
                {
                    name: "Shangcheng District",
                    subList: [
                        {
                            name: "Yan'an Street"
                        },
                        {
                            name: "Longxiangqiao Street"
                        }
                    ]
                }
            ]// The cascade sub-data list.
        }
    ]// The cascade data list.
},
function(result){
    console.log(result);
});

Input parameters

Name

Type

Description

Required

Default value

Version

Name

Type

Description

Required

Default value

Version

title

String

The cascade control title.

No

-

10.1.2

selectedList

JSON

Selected state, specifying the selected sub-item and in a format the same as that of the input parameter ([{“name”:”Hangzhou City”,subList:[{“name”:”Shangcheng District”}]}])

No

-

10.1.2

List

JSON

The selector data list.

Yes

-

10.1.2

name (a name in a list)

String

The entry name.

Yes

-

10.1.2

subList (a sublist in a list)

JSON

The sub-entry list.

No

-

10.1.2

fn

function

The callback function after selection is complete.

No

-

10.1.2

Output parameters

Name

Type

Description

Version

Name

Type

Description

Version

success

bool

Whether selection is complete. If selection is canceled, false is returned.

10.1.2

result

JSON

The selection result, for example, [{"name":"Hangzhou City",subList:[{"name":"Shangcheng District"}]}].

10.1.2

Sample code

AUCascadePicker datePicker = new AUCascadePicker(PickerActivity.this);
                datePicker.setDateData(datas);
                datePicker.setOnLinkagePickerListener(new AUCascadePicker.OnLinkagePickerListener() {
                    @Override
                    public void onLinkagePicked(PickerDataModel msg) {
                        PickerDataModel model = msg;
                        AuiLogger.info("onLinkagePicked", "onLinkagePicked:"+msg.name+ model);
                        StringBuilder sb = new StringBuilder();
                        while (msg != null){
                            sb.append(msg.name+" ");
                            if(msg.subList != null && msg.subList.size() > 0) {
                                msg = msg.subList.get(0);
                            }else {
                                msg = null;
                            }
                        }
                        box3.getInputEdit().setText(sb);
                    }
                });
                datePicker.show();
  • On this page (0)
  • Sample image
  • API description
  • JSAPI description
  • API
  • API usage
  • Input parameters
  • Output parameters
  • Sample code
Feedback
phone Contact Us

Chat now with Alibaba Cloud Customer Service to assist you in finding the right products and services to meet your needs.

alicare alicarealicarealicare