Exampels

List

SetContent URL without reloading Post request and authorization Upload on scroll CRUD form Timer events Event handling Clipboard Form

Demo

File sharing demo English grammar Todo demo

Links

Methods Core of Pusa Controller Main Contoller Test Auth trait

Set Content

Demonstration of setting content for an arbitrary element on the page. The onclick event for the button is set in the PHP controller by the Main method Examples.

1
2
3
4
5

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

/*
    Sets onclick for GUID button by className
*/
public function Init()
{
    return $this
    ->FocusBody()
    ->FocusChildren( 'SetContentBtn' )
    ->Event( 'Test', 'GUID' );
}

/*
   Sets new guid for GUID element
*/
public function GUID()
{
    return $this
    ->FocusBody()
    ->FocusChildren( 'GUID', self::ID )
    ->DOMValue( clGUID() );
}

URL without reloading

The example changes the URL of the current page without reloading it. The HTML code sets the onclick event via the HTML data-event attribute.

1
2
3
4

<button type="button" class="ChangeURL">
Change URL
</button>

1
2
3
4
5
6
7
8
9
10
11
12

public function URLParam()
{
    $URL=$this ->GetURL();
    return $this ->ChangeURL
    (
        $URL
        ->SetInteger( 'Int', $URL ->GetInteger( 'Int', 10 ) + 1 )
        ->SetBoolean( 'Bool', ! $URL ->GetBoolean( 'Bool', false ))
        ->ToString()
    );
}

Post request and authorization

The authorization example demonstrates how to work with POST requests through a form. Password containes the login plus one "*". It can be found in the PHP example .

Authorization form

Upload on scroll

Demonstration of loading a dynamic list. Scrolling to the bottom of the page loads the next GUID package.

PHP on Git .

d04ac33c-f89a-155b-8c2d-c7be8577a632

58867478-eefe-db26-8ebe-8d7654116d93

20afa425-4136-e09e-f2b8-5bbdbe23ead9

b0eb2d0e-5f06-44df-18bf-e67540367d50

a70db832-5b1c-6f71-c7cd-b3bb692114ef

9bf06c48-f43e-2dc0-7ce7-5bb08bd10e53

2440be66-5136-57d5-4a77-ed2757191f80

81ea7a45-6451-f8cb-fd57-721a48a9dd11

76e476af-3dc2-98a0-2a97-8f1d18b48dc9

e4bfcefa-519a-dac8-d8b4-5c67c790e1e0

17ba426b-d35d-dade-fefc-899e3d9eaee0

ee7c31fd-60cd-d3fb-c720-8197a70b9096

c549e58f-a531-2d42-c52e-30c11bf0a0e7

983e80a6-58d6-a304-422a-99c12a08b97e

cca60834-bf6e-9596-796f-d9a3633b1c63

adee3c03-3e69-9d1b-f0be-e98964f06013

6048a2cd-a16a-d89a-bdc4-5fb1609eada5

7a72b060-79d5-2f08-378c-b969ac7bfd57

9a143d60-ab46-d880-8feb-f6a13503b596

95a3e79a-f826-5ca6-13ae-c0e09d97b8b8

ebf3b821-cb61-d20c-a871-3d1b49d3c222

d86b7062-885d-aeba-17e0-6c806dfabed5

53cbf491-8d8f-64ca-3637-9131b6465b95

b6640be0-2cc3-b875-e3c2-3e88669843d2

3b5fd4c3-c18c-414f-b332-9ff5aa6d62bb

92e7a264-19bf-f524-7dbb-62887465ef5b

799c5e90-92e1-2591-dd8e-fcef8848962a

d64af591-71ba-2efd-18fe-42cd25eaffa8

8a496371-7dbe-a620-b46b-9f771aaf3824

5f7d7157-f019-2cab-2260-f56ec7c7cc93

dae9cf30-3e77-be0d-55cc-a2757a7dd3bf

345cd8ff-3eb0-8b90-a732-e433e8eefb40

5efe2e68-617f-2010-de27-2552d3d594a5

16ddd6af-5915-a0c6-b460-fdd1d8b12980

a493a7a7-49fa-7f65-5593-a6c77cf9a260

e068d693-bf4a-f240-69a6-f4da93604c24

1c611350-df50-56c9-c53d-326fec188862

ac93ba20-a292-27a8-6d69-d654391d70ad

3960d1ca-53bc-d5f2-de9b-c367d5561560

cea406c0-fc0b-a1b0-528d-26cedf58fec3

bb484c72-f144-d4c2-c1da-229e12ccf2ef

b2fcfd2d-b564-97db-bea1-7997cc21c42f

93e302e6-c0e7-4e3c-9d1d-7ce0c867c34d

2c4d526f-5f00-dbf0-7978-3952df5b0e55

3dc17a57-eff0-4734-d06b-81d35a23c789

7404de6c-fbb6-715a-2ca5-19995e6bc7de

56b0086b-e190-9a1b-eb62-f02dc3389130

7923c31f-f7c0-8713-36aa-f678132719b0

1c442504-c6d3-7317-bd04-59058e20f8e9

d45bcdaf-f997-4c92-2710-f50137fa4245

CRUD Form

The Form shows an example of CRUD operations without JS. This is visual demonstration only. PHP on Git . A full CRUD demo for PostgreSQL and MySQL is hosted on the TODO demo site .

Images used from https://pics.photos.

Timer events

You can start timer for any object. PHP on Git .

Event handling

Demonstrates three methods for handling DOM events. PHP on Git

Clipboard

The example copying text to the clipboard. Сopy event is used without calling back. PHP on Git.

Form

The form example. PHP on Git.

%5B%5B%22Debug%22%2C%7B%22Level%22%3A%22On%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Window%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22OpenPage%22%2C%22Event%22%3A%22popstate%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Menu%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Action%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22OpenItem%22%2C%22Commands%22%3A%5B%5B%22Arg%22%2C%7B%22Name%22%3A%22ASection%22%2C%22Method%22%3A%22getAttribute%22%2C%22Arguments%22%3A%5B%22data-action%22%5D%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Menu%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Lang%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Utils%22%2C%22Method%22%3A%22Lang%22%2C%22Commands%22%3A%5B%5B%22Arg%22%2C%7B%22Name%22%3A%22AIDLang%22%2C%22Method%22%3A%22getAttribute%22%2C%22Arguments%22%3A%5B%22data-lang%22%5D%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Frame%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22SetContentBtn%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Test%22%2C%22Method%22%3A%22GUID%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22HalfSecond%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Timer%22%2C%22Method%22%3A%22HalfSecond%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22OneSecond%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Timer%22%2C%22Method%22%3A%22HalfSecond%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22FiveSeconds%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Timer%22%2C%22Method%22%3A%22FiveSeconds%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22ChangeURL%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Test%22%2C%22Method%22%3A%22URLParam%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22AuthForm%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Login%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22Login%22%2C%22Commands%22%3A%5B%5B%22Focus%22%2C%7B%22Target%22%3A%22Parents%22%2C%22Filter%22%3A%5B%22in%22%2C%22AuthForm%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22%3D%22%2C%22login%22%2C%22%40name%22%5D%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22ALogin%22%2C%22Property%22%3A%22value%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parents%22%2C%22Filter%22%3A%5B%22in%22%2C%22AuthForm%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22%3D%22%2C%22password%22%2C%22%40name%22%5D%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22APassword%22%2C%22Property%22%3A%22value%22%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22GUIDs%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22List%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Loop%22%2C%7B%22Commands%22%3A%5B%5B%22Create%22%2C%7B%22Position%22%3A%22Last%22%2C%22TagName%22%3A%22div%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22setAttribute%22%2C%22Arguments%22%3A%5B%22class%22%2C%22Record%22%5D%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%7B%22innerHTML%22%3A%22%25GUID%25%22%7D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parent%22%2C%22Filter%22%3A%5B%5D%7D%5D%5D%2C%22Tasks%22%3A%5B%7B%22GUID%22%3A%22d04ac33c-f89a-155b-8c2d-c7be8577a632%22%7D%2C%7B%22GUID%22%3A%2258867478-eefe-db26-8ebe-8d7654116d93%22%7D%2C%7B%22GUID%22%3A%2220afa425-4136-e09e-f2b8-5bbdbe23ead9%22%7D%2C%7B%22GUID%22%3A%22b0eb2d0e-5f06-44df-18bf-e67540367d50%22%7D%2C%7B%22GUID%22%3A%22a70db832-5b1c-6f71-c7cd-b3bb692114ef%22%7D%2C%7B%22GUID%22%3A%229bf06c48-f43e-2dc0-7ce7-5bb08bd10e53%22%7D%2C%7B%22GUID%22%3A%222440be66-5136-57d5-4a77-ed2757191f80%22%7D%2C%7B%22GUID%22%3A%2281ea7a45-6451-f8cb-fd57-721a48a9dd11%22%7D%2C%7B%22GUID%22%3A%2276e476af-3dc2-98a0-2a97-8f1d18b48dc9%22%7D%2C%7B%22GUID%22%3A%22e4bfcefa-519a-dac8-d8b4-5c67c790e1e0%22%7D%2C%7B%22GUID%22%3A%2217ba426b-d35d-dade-fefc-899e3d9eaee0%22%7D%2C%7B%22GUID%22%3A%22ee7c31fd-60cd-d3fb-c720-8197a70b9096%22%7D%2C%7B%22GUID%22%3A%22c549e58f-a531-2d42-c52e-30c11bf0a0e7%22%7D%2C%7B%22GUID%22%3A%22983e80a6-58d6-a304-422a-99c12a08b97e%22%7D%2C%7B%22GUID%22%3A%22cca60834-bf6e-9596-796f-d9a3633b1c63%22%7D%2C%7B%22GUID%22%3A%22adee3c03-3e69-9d1b-f0be-e98964f06013%22%7D%2C%7B%22GUID%22%3A%226048a2cd-a16a-d89a-bdc4-5fb1609eada5%22%7D%2C%7B%22GUID%22%3A%227a72b060-79d5-2f08-378c-b969ac7bfd57%22%7D%2C%7B%22GUID%22%3A%229a143d60-ab46-d880-8feb-f6a13503b596%22%7D%2C%7B%22GUID%22%3A%2295a3e79a-f826-5ca6-13ae-c0e09d97b8b8%22%7D%2C%7B%22GUID%22%3A%22ebf3b821-cb61-d20c-a871-3d1b49d3c222%22%7D%2C%7B%22GUID%22%3A%22d86b7062-885d-aeba-17e0-6c806dfabed5%22%7D%2C%7B%22GUID%22%3A%2253cbf491-8d8f-64ca-3637-9131b6465b95%22%7D%2C%7B%22GUID%22%3A%22b6640be0-2cc3-b875-e3c2-3e88669843d2%22%7D%2C%7B%22GUID%22%3A%223b5fd4c3-c18c-414f-b332-9ff5aa6d62bb%22%7D%2C%7B%22GUID%22%3A%2292e7a264-19bf-f524-7dbb-62887465ef5b%22%7D%2C%7B%22GUID%22%3A%22799c5e90-92e1-2591-dd8e-fcef8848962a%22%7D%2C%7B%22GUID%22%3A%22d64af591-71ba-2efd-18fe-42cd25eaffa8%22%7D%2C%7B%22GUID%22%3A%228a496371-7dbe-a620-b46b-9f771aaf3824%22%7D%2C%7B%22GUID%22%3A%225f7d7157-f019-2cab-2260-f56ec7c7cc93%22%7D%2C%7B%22GUID%22%3A%22dae9cf30-3e77-be0d-55cc-a2757a7dd3bf%22%7D%2C%7B%22GUID%22%3A%22345cd8ff-3eb0-8b90-a732-e433e8eefb40%22%7D%2C%7B%22GUID%22%3A%225efe2e68-617f-2010-de27-2552d3d594a5%22%7D%2C%7B%22GUID%22%3A%2216ddd6af-5915-a0c6-b460-fdd1d8b12980%22%7D%2C%7B%22GUID%22%3A%22a493a7a7-49fa-7f65-5593-a6c77cf9a260%22%7D%2C%7B%22GUID%22%3A%22e068d693-bf4a-f240-69a6-f4da93604c24%22%7D%2C%7B%22GUID%22%3A%221c611350-df50-56c9-c53d-326fec188862%22%7D%2C%7B%22GUID%22%3A%22ac93ba20-a292-27a8-6d69-d654391d70ad%22%7D%2C%7B%22GUID%22%3A%223960d1ca-53bc-d5f2-de9b-c367d5561560%22%7D%2C%7B%22GUID%22%3A%22cea406c0-fc0b-a1b0-528d-26cedf58fec3%22%7D%2C%7B%22GUID%22%3A%22bb484c72-f144-d4c2-c1da-229e12ccf2ef%22%7D%2C%7B%22GUID%22%3A%22b2fcfd2d-b564-97db-bea1-7997cc21c42f%22%7D%2C%7B%22GUID%22%3A%2293e302e6-c0e7-4e3c-9d1d-7ce0c867c34d%22%7D%2C%7B%22GUID%22%3A%222c4d526f-5f00-dbf0-7978-3952df5b0e55%22%7D%2C%7B%22GUID%22%3A%223dc17a57-eff0-4734-d06b-81d35a23c789%22%7D%2C%7B%22GUID%22%3A%227404de6c-fbb6-715a-2ca5-19995e6bc7de%22%7D%2C%7B%22GUID%22%3A%2256b0086b-e190-9a1b-eb62-f02dc3389130%22%7D%2C%7B%22GUID%22%3A%227923c31f-f7c0-8713-36aa-f678132719b0%22%7D%2C%7B%22GUID%22%3A%221c442504-c6d3-7317-bd04-59058e20f8e9%22%7D%2C%7B%22GUID%22%3A%22d45bcdaf-f997-4c92-2710-f50137fa4245%22%7D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22GUIDs%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22List%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22LoadGUIDs%22%2C%22Commands%22%3A%5B%5B%22Arg%22%2C%7B%22Name%22%3A%22AScrollTop%22%2C%22Property%22%3A%22scrollTop%22%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22AScrollHeight%22%2C%22Property%22%3A%22scrollHeight%22%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22AClientHeight%22%2C%22Property%22%3A%22clientHeight%22%7D%5D%5D%2C%22Event%22%3A%22scroll%22%2C%22Timeout%22%3A500%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDAddFirst%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22AddFirst%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDAddLast%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22AddLast%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDScrollTop%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22ScrollTop%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDScrollBottom%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22ScrollBottom%22%2C%22Commands%22%3A%5B%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDContainer%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22List%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22AHeight%22%2C%22Property%22%3A%22scrollHeight%22%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDClear%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22CRUDClear%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22FormSend%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22FormSend%22%2C%22Commands%22%3A%5B%5B%22Focus%22%2C%7B%22Target%22%3A%22Parents%22%2C%22Filter%22%3A%5B%22in%22%2C%22DemoForm%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Arg%22%2C%7B%22Fields%22%3Atrue%2C%22Class%22%3A%22Main%22%2C%22Method%22%3A%22FilesUpload%22%2C%22Command%22%3A%5B%5D%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22BtnCopyValue%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Event%22%3A%22click%22%2C%22Catch%22%3Afalse%2C%22Commands%22%3A%5B%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22SourceTextarea%22%2C%22%40className%22%5D%7D%5D%2C%5B%22PileFrom%22%2C%7B%22Name%22%3A%22default%22%2C%22Property%22%3A%22value%22%2C%22Operator%22%3A%22Set%22%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Window%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22navigator%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22clipboard%22%7D%5D%2C%5B%22PileTo%22%2C%7B%22Name%22%3A%22default%22%2C%22Method%22%3A%22writeText%22%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22DestTextarea%22%2C%22%40className%22%5D%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22style%22%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%7B%22display%22%3Anull%7D%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%7B%22value%22%3Anull%7D%7D%5D%5D%2C%22Filter%22%3Anull%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Events%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parent%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22BackendEvent%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22BackendEvent%22%2C%22Commands%22%3A%5B%5B%22Arg%22%2C%7B%22Name%22%3A%22AX%22%2C%22Event%22%3A%22clientX%22%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22AY%22%2C%22Event%22%3A%22clientY%22%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parent%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22FrontendEvent%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Event%22%3A%22click%22%2C%22Catch%22%3Afalse%2C%22Commands%22%3A%5B%5B%22Arg%22%2C%7B%22Name%22%3A%22AX%22%2C%22Event%22%3A%22clientX%22%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22AY%22%2C%22Event%22%3A%22clientY%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Create%22%2C%7B%22Position%22%3A%22Last%22%2C%22TagName%22%3A%22div%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22setAttribute%22%2C%22Arguments%22%3A%5B%22class%22%2C%22WindowBack%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Win%22%2C%22Method%22%3A%22Delete%22%7D%5D%2C%5B%22Create%22%2C%7B%22Position%22%3A%22Last%22%2C%22TagName%22%3A%22div%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22setAttribute%22%2C%22Arguments%22%3A%5B%22class%22%2C%22WindowSimple%22%5D%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22setAttribute%22%2C%22Arguments%22%3A%5B%22id%22%2C%22a56e8040-c42e-76d6-c993-b2dcdff4f9bf%22%5D%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22classList%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22add%22%2C%22Arguments%22%3A%5B%22MenuPopup%22%5D%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22style%22%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%7B%22position%22%3A%22fixed%22%2C%22left%22%3A%220px%22%2C%22top%22%3A%220px%22%2C%22bottom%22%3A%22auto%22%2C%22right%22%3A%22auto%22%7D%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22Event%22%2C%7B%22Event%22%3A%22click%22%2C%22Catch%22%3Atrue%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%7B%22innerHTML%22%3A%22This%20content%20is%20rendered%20without%20a%20request%20to%20the%20backend%20and%20does%20not%20use%20JS.%5Cn%22%7D%7D%5D%5D%2C%22Filter%22%3Anull%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parent%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22JSEvent%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Event%22%3A%22click%22%2C%22Target%22%3A%22DOM%22%2C%22Catch%22%3Afalse%2C%22JS%22%3A%22alert(%20%27This%20text%20is%20rendered%20via%20JS%20without%20calling%20the%20server%20side.%20We%20recommend%20using%20the%20method%20only%20after%20exhausting%20other%20Pusa%20capabilities.%27%20)%3B%5Cn%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Menu%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Item%22%2C%22%40className%22%5D%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22classList%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22remove%22%2C%22Arguments%22%3A%5B%22Active%22%5D%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parent%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Examples%22%2C%22%40className%22%5D%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22classList%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22add%22%2C%22Arguments%22%3A%5B%22Active%22%5D%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22SetState%22%2C%7B%22Class%22%3A%22Main%22%2C%22ID%22%3A%22Main%22%2C%22Values%22%3A%5B%5D%7D%5D%5D

cfa04c0d-f53a-9bb6-ea7e-e94a81021dbf b3821d82-2c5f-83b6-7c1b-84d55185f6ae 68414d84-d6f2-aa20-c5bb-18a43d8736eb e5a2d96f-a74e-1975-c0f2-893ad9ebe118 349382b0-56e0-cd92-e4b2-b959481298d1 708686a9-ffa0-c2ad-705a-923eb96a0648 b2ccbdf2-adba-f1fc-3ddf-40122b7815cb 98b165e0-1cd3-9db7-3d9c-be77421a94c4 2c876412-b160-a936-aee9-6ef661dbef60 efea2b96-bcf6-bf80-f849-40d9ca53c808 219954d0-53e0-a469-b376-64a32b54e7d1 62fb6a87-a652-d5cd-8780-7513690172af 12dc5e71-444f-dfa0-8145-517c2f26c9f6 40981f51-43aa-ef4a-97b6-bbeae3a19ff8 277b4c56-acba-ee70-fc68-746bc0cd46f4 7731033b-23fd-3e9c-df39-ca0c1d774a46 e20b2c9b-3e36-c287-1e90-4ac8b65fda04 369914e0-4258-4190-6d37-687ab63059e4 a900a9aa-4ab6-fbcd-c40c-26926594ba5c 78b1300a-4b8f-b2e1-41b2-1100b1d08bea 9f1a5567-6260-a775-c7f0-cc0c34824d44 c220a290-db3d-b118-77e3-a3f2a4a636b3 278964f4-3252-94e8-993a-3693a78f86ad 9df5b57e-7199-546c-d2d5-8e02edcda9cf 21cf7c97-dbe4-ded2-5ce8-9e14377f9521 13e659cd-fd11-ce0c-f588-d0cf374ff7bb a10baf43-8371-2b31-55a1-eb5fe53ea5f7 63637a79-560b-3761-7328-506c9bb16ab0 c72edea3-8910-1c1b-2140-793c92fb0790 9cb8aa40-29ce-950d-7a1e-49d7b2f0be57 e9eec42c-7c3a-51dd-91c7-a41b8d9c0280 9029b4e6-bbad-33cc-e023-25ad8f425043 d2721e63-1096-56a6-6288-cef3cf067d4a def2f54f-4987-a4ce-5d3c-8e6fcbc4b313 5df9f43c-2a44-ab05-a74c-30e8d7d189ea a44245b2-6c0b-52e9-8b19-62612446aadf 7e9b44eb-3b16-6ae9-5379-5a526e3b67fb 7b5c3686-5c60-2733-4988-cf90d4886ca0 8bf73826-ed39-8c34-c08e-30122c28f002 cd2f6e15-b5c5-7719-6097-a2c54b5c7817 12f94eb0-4cc4-da45-df09-63cc134624d5 b51b4251-df17-fc6e-5c62-5d4a6e6763c8 ef4f9d6a-dd67-5051-e49e-15f84ff8b56b 52bcc162-71ca-aa61-e072-8327379a6b76 e950d56b-6060-3060-127e-1d122e038ab4 4b887d6f-e981-522a-1d88-a822a5fe30c6 4fc0bd4a-63c8-847e-3c0f-f30c73ab9133 105513a7-2a75-88ca-ef7e-d5eb8497c34e 99b24ca5-3f8f-8c26-cd32-401a3bfcfad3 2eb74f67-f178-30fa-c678-10f23a2b0e6c