Training registration applet registration list page development

In this section, we will develop the registration list function, first look at the prototype

1 Create a page

For functionality to be rendered on a page, the page needs to be created first. Open our training registration applet, in the page area, click the icon to create a page,

enter the name of the page registration list page

2 components to build

You can use the data list component to build the list page, and add the data list component to the page.

Modify the data source and select it as training content. Modify

the component, change the icon on the right to a text component, and modify the text content to be the

default component for registration. A certain amount has been set style, we need to modify it. Modify the width of the normal container, set it to 50px,

switch to CSS code mode, and remove our opacity

3 Set URL parameters

If we come in from the home page, we should filter the data under this category according to different categories. The incoming parameters need to set the URL parameters first. Select the page in the outline tree, click the new URL parameter on the right,

and enter the parameter name categoryid

4 Set filter conditions

After the page parameters are set, select the data list component and set the filter conditions, so that the classification field of our training content is equal to the parameters passed in on our page. Note that the incoming value here is selected as fx binding, and the corresponding variable is selected when

binding can

5 home page jump

After the list page is set, we need to set the page jump. Go back to the home page and select the components of our data list

to set events for the components. For the events, we choose page jump. When jumping, we need to pass in the ID of the current data


here. The URL parameters we set on the list page appear here. Use fx to bind OK, select our ID


and the page will be built

6 The final effect

Now when you click on the home page, you can filter the data according to the classification

Summarize

In this article, we take you to realize the function of the list page. The list function needs to use the data list component, and needs to set URL parameters and filter conditions. When the page jumps, the incoming ID must be set correctly to achieve data filtering.