Product axure9 (English version), repeater implements addition, deletion, query and modification of table contents (crud)

1. demonstration

1.1 add to

1.2 Delete

1.2.1 Delete the selected row

1.2.2 Delete separately in the table

1.3 modify

1.3.1 Modification outside the table

1.3.2 Modify in the table

1.4 Inquire about

1.4.1 Single conditional query

Here is user This condition queries , It doesn't work when querying other keywords

1.4.2 All keyword queries

As long as it is repeater The content in , Enter... In the input box , The number of rows containing keywords will be listed

2. operation

Make simple table contents ,

2.1 add to

Make a repeater , The table and content in the repeater correspond to , Naming should be standardized
Drag in repeater after , Double click to edit the drawing .








to add Button to add an interactive event

Insert picture description here

Click here ADD ROWS, Set the function

Click on the following... In turn , first user The parameter transfer of is completed .

You need to set the following two parameters in turn

Click on OK after , An increase... Will be displayed 1 Style of row

Only this and nothing more , To preview , Added functions have been completed .

2.2 Delete

2.2.1 Delete separately in the table

Repeater （ Later use repeater call ） Add a new column to option
stay repeater Add one del Button

The effect is as shown in the picture

Add interactive events to inline buttons


After the confirmation , To preview , Only this and nothing more , The delete function in the row has been completed

2.2.2 Delete the selected row

Add a new one Button , Delete the selected row

Double click in Repeater, Select four tables , Add the selected style

Four tables become one Group（ Right click to find ）, name AllRows

For this AllRows Add interactive event

Delete Button Add interactive event


Only this and nothing more , The function of deleting the selected row has been realized .

2.3 modify

2.3.1 Modify in the table

stay Repeater Add in Button

And drag a text box into it

All three are named

The three input boxes are hidden by default . speak saveB Buttons and editB Make a coincidence ,saveB The default is hidden ,

Yes saveB Add interactive event
Transfer parameters in sequence

Note paragraph above 8 step , In the following two parameters , The contrast is different , The following two are PwdE And SexE 了 .
The principle is to transmit the numbers in the input box to Repeater.

At the same time, we should be aware of editB Hide and display settings

editB Also add interactive events ( Only when the hidden text box is displayed can you edit and transfer parameters , A text box is a medium ）

Only this and nothing more , This function has been realized after preview .

2.3.2 Modification outside the table

Make a text input box , Make naming conventions

Yes Edit This Button Interact


Only this and nothing more , Preview this feature is complete .

2.4 Inquire about

Make input box , Remember the naming conventions

Here's a function ：indexof
indexof function indexof() Method is used to find the index of the first occurrence of an element in an array , without , Then return to -1.
grammar ：arr.indexof(element, fromindex=0)element For the elements you need to find . fromindex For the starting location , The default is 0.

2.4.1 Single conditional query

because Col0 The data is User Value , So we put User As a single query condition , Is set Col0
[[(Item.Col0.indexof(LVAR1))>-1]]

Only this and nothing more , The function after preview has been realized .

2.4.2 All keyword queries

Here Button Add interaction

The logic in the diagram is the last Item Misspelling , The following text shall prevail
[[(Item.Col0.indexof(LVAR1))+(Item.Col1.indexof(LVAR1)+(Item.Col2.indexof(LVAR1)))>-3]]

thus , Preview function has been implemented .

---

Problems to be solved ：
When delete is selected , Choose to use Toggle when , It cannot be cancelled at the same time mark Properties of , Click delete , Will still be deleted .

---

follow-up ：
Finally finished , For a long time , It's not easy to be original …
In fact, there are still some shortcomings , I hope it can be improved , Welcome criticism and correction