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 .

53174f6b-a83a-2364-23fe-5d1a727aead2

e5352225-978f-d6d4-1ad0-30a9b808c2d2

11b91f6b-318a-3dff-105f-a4529ffbf8a1

b3c3e1a6-ff10-78e8-5e86-2068df3de9d0

d2db5e6c-aa42-a200-4d25-e783843294df

54d53485-3800-57a1-68e5-b079d08740b1

1d546c42-5e07-575e-4d99-e83c9dac9bbb

12bfbfba-2580-34a0-fb8f-d999e59ba269

58e9c766-d45f-c443-74a0-d74556899e80

379e1092-5e44-749d-1ea0-100de0e762ba

88aca037-eb91-a54c-a1be-36392d56f10a

4f7684b5-2c52-b405-eccf-1ca431f67a09

348ec9f4-8f41-cad3-3f13-3e8173777e22

e3b22f57-8632-6577-2804-d0acc8d71d14

8742e9ea-5ec2-c2be-14f5-1c08d2e884e7

9d7c24c6-3a0d-1837-1fb4-95d5cbe21559

299bc970-5a36-2ca6-475c-9adaba78df32

2a1568b3-60b5-6e31-126b-83bb8b20e2c0

124f675a-4185-d8ec-57d0-c59954d56864

37cb4da1-9c8d-6a8a-b215-c1b686e3db31

9d06caac-1e03-7488-df85-7ad764c0dbd9

3264e3ce-2f69-eadc-6040-d5ea80e6f878

93f0ae74-a9d1-9fdb-5fd2-f741e36ddd4a

69a5a29b-d782-d762-d13d-2e1dcd7dd980

56b3580a-4740-9527-180b-deca900ba580

d57be2cd-7202-62f3-3130-f9208236f109

aa7b8d43-c521-6fec-210f-6a4f1ce1a207

96a09dda-f0d4-35d6-7f81-1de6c33c7d80

1862d962-a800-ef5a-e245-c2c22fcf07df

ce15d41c-7564-adbc-c796-5ece3504aec9

b494eeee-8270-98d4-3f1e-8e0feadc27b9

9e422442-a8ef-4c66-3941-b9dddec15d2b

b5f2ff14-4336-d940-78f5-15f4d4025bea

96b271ca-9b79-6688-d201-d69094c2ef97

274d8880-4de4-a3b0-858f-97ebe6647a4d

9a546ba0-2f12-70b6-4e44-e895551f1a04

a1ecacdc-738c-fc9a-22bf-f89add52be47

cdf39daa-4395-6c6c-c97b-a2956c847897

caf90ca0-da49-a1ca-e46a-c8abc5a054c9

c5710101-aedb-2e6f-78fa-71baedb9dcf8

903d3b99-e3e5-2f1d-cc14-f92f789267b5

7c603e20-56f3-f80e-eb61-3130d91967b8

42bbbaf5-b3e7-6aa4-39ff-fc7cadc5b216

3793b799-6c16-4a31-1e8d-ae812bfb73ad

75d3534d-8587-2471-8f69-2c7ea09096e0

a5ad1eb2-cc3f-61bc-91dc-111b5bceda01

a3c30398-3501-f05b-fb48-d17f281e6d20

ebb3cf34-1d32-d5db-ac37-6b467941e6fa

3ea389b9-79a3-777a-ac7b-d21bdfd66f45

6fc576f8-26d6-bff6-284f-5b50d9f3d9d7

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%2253174f6b-a83a-2364-23fe-5d1a727aead2%22%7D%2C%7B%22GUID%22%3A%22e5352225-978f-d6d4-1ad0-30a9b808c2d2%22%7D%2C%7B%22GUID%22%3A%2211b91f6b-318a-3dff-105f-a4529ffbf8a1%22%7D%2C%7B%22GUID%22%3A%22b3c3e1a6-ff10-78e8-5e86-2068df3de9d0%22%7D%2C%7B%22GUID%22%3A%22d2db5e6c-aa42-a200-4d25-e783843294df%22%7D%2C%7B%22GUID%22%3A%2254d53485-3800-57a1-68e5-b079d08740b1%22%7D%2C%7B%22GUID%22%3A%221d546c42-5e07-575e-4d99-e83c9dac9bbb%22%7D%2C%7B%22GUID%22%3A%2212bfbfba-2580-34a0-fb8f-d999e59ba269%22%7D%2C%7B%22GUID%22%3A%2258e9c766-d45f-c443-74a0-d74556899e80%22%7D%2C%7B%22GUID%22%3A%22379e1092-5e44-749d-1ea0-100de0e762ba%22%7D%2C%7B%22GUID%22%3A%2288aca037-eb91-a54c-a1be-36392d56f10a%22%7D%2C%7B%22GUID%22%3A%224f7684b5-2c52-b405-eccf-1ca431f67a09%22%7D%2C%7B%22GUID%22%3A%22348ec9f4-8f41-cad3-3f13-3e8173777e22%22%7D%2C%7B%22GUID%22%3A%22e3b22f57-8632-6577-2804-d0acc8d71d14%22%7D%2C%7B%22GUID%22%3A%228742e9ea-5ec2-c2be-14f5-1c08d2e884e7%22%7D%2C%7B%22GUID%22%3A%229d7c24c6-3a0d-1837-1fb4-95d5cbe21559%22%7D%2C%7B%22GUID%22%3A%22299bc970-5a36-2ca6-475c-9adaba78df32%22%7D%2C%7B%22GUID%22%3A%222a1568b3-60b5-6e31-126b-83bb8b20e2c0%22%7D%2C%7B%22GUID%22%3A%22124f675a-4185-d8ec-57d0-c59954d56864%22%7D%2C%7B%22GUID%22%3A%2237cb4da1-9c8d-6a8a-b215-c1b686e3db31%22%7D%2C%7B%22GUID%22%3A%229d06caac-1e03-7488-df85-7ad764c0dbd9%22%7D%2C%7B%22GUID%22%3A%223264e3ce-2f69-eadc-6040-d5ea80e6f878%22%7D%2C%7B%22GUID%22%3A%2293f0ae74-a9d1-9fdb-5fd2-f741e36ddd4a%22%7D%2C%7B%22GUID%22%3A%2269a5a29b-d782-d762-d13d-2e1dcd7dd980%22%7D%2C%7B%22GUID%22%3A%2256b3580a-4740-9527-180b-deca900ba580%22%7D%2C%7B%22GUID%22%3A%22d57be2cd-7202-62f3-3130-f9208236f109%22%7D%2C%7B%22GUID%22%3A%22aa7b8d43-c521-6fec-210f-6a4f1ce1a207%22%7D%2C%7B%22GUID%22%3A%2296a09dda-f0d4-35d6-7f81-1de6c33c7d80%22%7D%2C%7B%22GUID%22%3A%221862d962-a800-ef5a-e245-c2c22fcf07df%22%7D%2C%7B%22GUID%22%3A%22ce15d41c-7564-adbc-c796-5ece3504aec9%22%7D%2C%7B%22GUID%22%3A%22b494eeee-8270-98d4-3f1e-8e0feadc27b9%22%7D%2C%7B%22GUID%22%3A%229e422442-a8ef-4c66-3941-b9dddec15d2b%22%7D%2C%7B%22GUID%22%3A%22b5f2ff14-4336-d940-78f5-15f4d4025bea%22%7D%2C%7B%22GUID%22%3A%2296b271ca-9b79-6688-d201-d69094c2ef97%22%7D%2C%7B%22GUID%22%3A%22274d8880-4de4-a3b0-858f-97ebe6647a4d%22%7D%2C%7B%22GUID%22%3A%229a546ba0-2f12-70b6-4e44-e895551f1a04%22%7D%2C%7B%22GUID%22%3A%22a1ecacdc-738c-fc9a-22bf-f89add52be47%22%7D%2C%7B%22GUID%22%3A%22cdf39daa-4395-6c6c-c97b-a2956c847897%22%7D%2C%7B%22GUID%22%3A%22caf90ca0-da49-a1ca-e46a-c8abc5a054c9%22%7D%2C%7B%22GUID%22%3A%22c5710101-aedb-2e6f-78fa-71baedb9dcf8%22%7D%2C%7B%22GUID%22%3A%22903d3b99-e3e5-2f1d-cc14-f92f789267b5%22%7D%2C%7B%22GUID%22%3A%227c603e20-56f3-f80e-eb61-3130d91967b8%22%7D%2C%7B%22GUID%22%3A%2242bbbaf5-b3e7-6aa4-39ff-fc7cadc5b216%22%7D%2C%7B%22GUID%22%3A%223793b799-6c16-4a31-1e8d-ae812bfb73ad%22%7D%2C%7B%22GUID%22%3A%2275d3534d-8587-2471-8f69-2c7ea09096e0%22%7D%2C%7B%22GUID%22%3A%22a5ad1eb2-cc3f-61bc-91dc-111b5bceda01%22%7D%2C%7B%22GUID%22%3A%22a3c30398-3501-f05b-fb48-d17f281e6d20%22%7D%2C%7B%22GUID%22%3A%22ebb3cf34-1d32-d5db-ac37-6b467941e6fa%22%7D%2C%7B%22GUID%22%3A%223ea389b9-79a3-777a-ac7b-d21bdfd66f45%22%7D%2C%7B%22GUID%22%3A%226fc576f8-26d6-bff6-284f-5b50d9f3d9d7%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%2289696400-7ff0-b22c-2228-b8e71cc66c4f%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

bfe6eb23-878e-993b-5500-3ca46b6d95e0 75d43262-c65e-3413-5af0-8a527238b21f 6a0ad25f-8130-8dc6-7faf-1611e060575d c4011f73-446f-8e5b-481d-ef0b5274673b e562f910-f0fb-37f2-29a7-cec431d78903 502f65c9-715d-b755-1daf-baa54fcbaa57 e56b9d38-d8bf-5c78-eeec-ae6b711978cd c4b51b90-c524-9250-fb70-69eacba07fce 68b046ef-2421-5702-4cf0-5fd78f847383 376aead6-3ddc-7857-1f04-7f5f6f5504f1 455e141f-69e5-9ca9-f419-950579f84fc6 88bac50c-c179-f1a0-beb1-a4654a41ea3d 925b148c-9248-564c-e522-8555e981fcfd 4373e950-5219-f460-f8b0-696681fcab22 437e5c00-a83a-4368-e69e-f4574b39ce41 4e421344-b5ac-9aec-3530-f058da6cf0a3 b342f0f7-11c1-5de8-a0ea-34de80350d86 8281b930-2c96-ddbe-1105-2887c28cec3e a951144b-28c0-3dad-c7dd-4ec337e9c591 68cf19f4-bc3a-da65-4b18-adc5783b48cd 9da159fe-fb71-d4f4-4d9f-a43094fbb87a d6e04c35-475e-7475-3ee1-c7e69c6bac78 8f84e740-71e0-ff3d-592f-a270ee46c9f1 2f9c21e8-e020-59a2-f8e4-a133bb6c8e24 678d9421-9ac0-bd5d-f4d0-935286179edf e2e0c3f1-7db5-74fb-d2e6-eb80b06b99ee d885d2b7-700b-f45c-4570-8de87190b7b6 976b8e89-7212-e232-577b-baffecc45df1 b45e096f-3b55-86eb-9bcd-91774c3e35f2 46ce38a7-cdc0-9b1b-60e3-b823cb8cd850 4dd7aa8a-3730-78b1-19a0-5ac46e7ff202 1d2e89ee-aec9-9f30-1c22-6ec57a951626 8ea5ac15-81ac-168f-31da-c5aec40dbfb9 90b753a2-2f7b-7292-b165-1474a6990aa2 2894dc00-a4c5-1236-a4b2-f4bc7684caf4 93c878ca-802c-4a17-c8c6-d3af815a366a c300ad29-9091-f858-18cc-edb853f73845 aca0f89b-9cd8-9a8a-cf79-51066cfd6103 8625dffe-86e1-1363-fb15-7f411e4bb493 bdc89ad0-5e16-bbdf-a700-66c5dfa9955e 2c631e58-7756-553b-1fee-8738310ea1cc d5537cb0-c0c8-c0dc-1f50-8eed9cd19070 6629dde0-2dec-6295-5411-7678e3b62dd4 4bd64ba6-7efa-4eeb-f165-94e75d107a47 3f74753d-52ff-b091-5670-18928047940b 55168986-2cbe-7c66-802f-be3d19bae104 2b7f4e21-74a6-72ce-fb7d-16cf1ea1d540 1cdc2165-a00b-9816-9a5c-e33a50998179 c250636b-f3e6-3f0d-25db-2c8f87624c0f a63fb6a6-6407-d72b-158b-b9d3dafd180b