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 .

d6491ab2-7e89-9aff-14d1-e8f66d295a3c

1e395a27-1ac3-2076-4d28-dc5897bfe1cf

cc88a110-63c1-72b1-d45e-497f8e9fcd75

9dd02ac9-8a72-21b2-bacf-ef25e73fb2e1

2fa52d21-e030-bf8d-6000-fc009fb75297

1e91ea48-48a7-8ab0-daf2-3c3936ddc730

44d1dd4a-ddc1-50a3-e300-d23acee4a148

79a80bfe-464b-7d70-d2f7-ce648b78aab0

b46ef24e-f487-e93d-52b3-9e853e00f287

ed50dd4f-f301-a8d3-8fb3-2a6775167b6d

83ec25bc-af48-3ffc-9a1d-f18f9b27d77b

7a66edbd-15f1-c429-e565-49505bac90e5

2788b376-37cb-ef3e-3f39-d2023d988cd2

51a96735-9380-3cb6-82cb-eb9ac4d1b5a6

d9c3b0d0-36d4-d5d4-8820-7b879e720ed2

919fd40c-9807-5f5b-8906-54eedb8f151c

6075cfd0-d161-c289-fcc7-b893ef029f78

2f743662-d4d9-9196-f3f1-e907bad8c5b9

321fe012-dc95-b0a5-da20-32c2c66583b6

8095ac2e-45c6-228f-8055-5de162927fb3

7811c1e0-3298-c9a0-45f7-f87bc938e1fe

8705630c-83f1-3e6f-77f4-504f58df0f4f

75c124a0-de98-996d-d87d-ed5b81b089f8

3a1cf5e4-b3a3-2127-cb6a-31689ebd07c8

277ac4bf-2da8-9f12-117b-f2dc3b8bccdb

4b54ad18-728b-388f-e97a-2c8d49b17573

717659ac-e702-dab0-78e6-979610d7d723

c895d4b9-f608-2bd6-6a76-24e3c5c91fdc

458d6362-3119-2022-c24d-9c97311cf448

57b73fe2-89c8-2000-5a25-9bf81093c027

67cdb597-ac8a-e4b4-4693-a19f5fae050f

91b5123c-de17-ef7b-8d3c-8f5c454ee1d0

207130cf-9eec-9160-57ed-317694de2fa0

607682b6-5085-ab0c-c8b1-71828dd93e87

6096da8f-1662-869b-d37f-45df5e6610a6

a8e138f0-7750-b7b0-61e2-69632229b031

622a0d71-d249-e070-799a-34b064c7c43b

87d98966-bc48-49ba-3c81-a270ce6616a1

2dfae9ae-d7e9-4743-27a9-456e9fc0522f

c7a4814e-6a57-d5b6-8cf9-337ad9016f53

1c09d590-a7e4-6827-1121-786968ad8da5

b6118403-f19d-dd8d-b500-860a44ea4eb9

1d1cad6a-8a5e-4880-85eb-3cb0d605da96

a797b3c3-e7ff-54f6-78ea-a286536be3a8

43a274b3-5871-74d9-64db-ccd0b2d16699

6b786378-25a0-b3c1-7fde-af7441e80ac4

ec086f1c-7fda-8976-40c2-136552d4be89

1b73e98f-fb27-c2d7-59a5-af2847ac6f7f

864a8720-6f36-1dc7-6c8a-8eddad059545

78e7aa00-e42b-85b7-cd12-2e216da2a614

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%22d6491ab2-7e89-9aff-14d1-e8f66d295a3c%22%7D%2C%7B%22GUID%22%3A%221e395a27-1ac3-2076-4d28-dc5897bfe1cf%22%7D%2C%7B%22GUID%22%3A%22cc88a110-63c1-72b1-d45e-497f8e9fcd75%22%7D%2C%7B%22GUID%22%3A%229dd02ac9-8a72-21b2-bacf-ef25e73fb2e1%22%7D%2C%7B%22GUID%22%3A%222fa52d21-e030-bf8d-6000-fc009fb75297%22%7D%2C%7B%22GUID%22%3A%221e91ea48-48a7-8ab0-daf2-3c3936ddc730%22%7D%2C%7B%22GUID%22%3A%2244d1dd4a-ddc1-50a3-e300-d23acee4a148%22%7D%2C%7B%22GUID%22%3A%2279a80bfe-464b-7d70-d2f7-ce648b78aab0%22%7D%2C%7B%22GUID%22%3A%22b46ef24e-f487-e93d-52b3-9e853e00f287%22%7D%2C%7B%22GUID%22%3A%22ed50dd4f-f301-a8d3-8fb3-2a6775167b6d%22%7D%2C%7B%22GUID%22%3A%2283ec25bc-af48-3ffc-9a1d-f18f9b27d77b%22%7D%2C%7B%22GUID%22%3A%227a66edbd-15f1-c429-e565-49505bac90e5%22%7D%2C%7B%22GUID%22%3A%222788b376-37cb-ef3e-3f39-d2023d988cd2%22%7D%2C%7B%22GUID%22%3A%2251a96735-9380-3cb6-82cb-eb9ac4d1b5a6%22%7D%2C%7B%22GUID%22%3A%22d9c3b0d0-36d4-d5d4-8820-7b879e720ed2%22%7D%2C%7B%22GUID%22%3A%22919fd40c-9807-5f5b-8906-54eedb8f151c%22%7D%2C%7B%22GUID%22%3A%226075cfd0-d161-c289-fcc7-b893ef029f78%22%7D%2C%7B%22GUID%22%3A%222f743662-d4d9-9196-f3f1-e907bad8c5b9%22%7D%2C%7B%22GUID%22%3A%22321fe012-dc95-b0a5-da20-32c2c66583b6%22%7D%2C%7B%22GUID%22%3A%228095ac2e-45c6-228f-8055-5de162927fb3%22%7D%2C%7B%22GUID%22%3A%227811c1e0-3298-c9a0-45f7-f87bc938e1fe%22%7D%2C%7B%22GUID%22%3A%228705630c-83f1-3e6f-77f4-504f58df0f4f%22%7D%2C%7B%22GUID%22%3A%2275c124a0-de98-996d-d87d-ed5b81b089f8%22%7D%2C%7B%22GUID%22%3A%223a1cf5e4-b3a3-2127-cb6a-31689ebd07c8%22%7D%2C%7B%22GUID%22%3A%22277ac4bf-2da8-9f12-117b-f2dc3b8bccdb%22%7D%2C%7B%22GUID%22%3A%224b54ad18-728b-388f-e97a-2c8d49b17573%22%7D%2C%7B%22GUID%22%3A%22717659ac-e702-dab0-78e6-979610d7d723%22%7D%2C%7B%22GUID%22%3A%22c895d4b9-f608-2bd6-6a76-24e3c5c91fdc%22%7D%2C%7B%22GUID%22%3A%22458d6362-3119-2022-c24d-9c97311cf448%22%7D%2C%7B%22GUID%22%3A%2257b73fe2-89c8-2000-5a25-9bf81093c027%22%7D%2C%7B%22GUID%22%3A%2267cdb597-ac8a-e4b4-4693-a19f5fae050f%22%7D%2C%7B%22GUID%22%3A%2291b5123c-de17-ef7b-8d3c-8f5c454ee1d0%22%7D%2C%7B%22GUID%22%3A%22207130cf-9eec-9160-57ed-317694de2fa0%22%7D%2C%7B%22GUID%22%3A%22607682b6-5085-ab0c-c8b1-71828dd93e87%22%7D%2C%7B%22GUID%22%3A%226096da8f-1662-869b-d37f-45df5e6610a6%22%7D%2C%7B%22GUID%22%3A%22a8e138f0-7750-b7b0-61e2-69632229b031%22%7D%2C%7B%22GUID%22%3A%22622a0d71-d249-e070-799a-34b064c7c43b%22%7D%2C%7B%22GUID%22%3A%2287d98966-bc48-49ba-3c81-a270ce6616a1%22%7D%2C%7B%22GUID%22%3A%222dfae9ae-d7e9-4743-27a9-456e9fc0522f%22%7D%2C%7B%22GUID%22%3A%22c7a4814e-6a57-d5b6-8cf9-337ad9016f53%22%7D%2C%7B%22GUID%22%3A%221c09d590-a7e4-6827-1121-786968ad8da5%22%7D%2C%7B%22GUID%22%3A%22b6118403-f19d-dd8d-b500-860a44ea4eb9%22%7D%2C%7B%22GUID%22%3A%221d1cad6a-8a5e-4880-85eb-3cb0d605da96%22%7D%2C%7B%22GUID%22%3A%22a797b3c3-e7ff-54f6-78ea-a286536be3a8%22%7D%2C%7B%22GUID%22%3A%2243a274b3-5871-74d9-64db-ccd0b2d16699%22%7D%2C%7B%22GUID%22%3A%226b786378-25a0-b3c1-7fde-af7441e80ac4%22%7D%2C%7B%22GUID%22%3A%22ec086f1c-7fda-8976-40c2-136552d4be89%22%7D%2C%7B%22GUID%22%3A%221b73e98f-fb27-c2d7-59a5-af2847ac6f7f%22%7D%2C%7B%22GUID%22%3A%22864a8720-6f36-1dc7-6c8a-8eddad059545%22%7D%2C%7B%22GUID%22%3A%2278e7aa00-e42b-85b7-cd12-2e216da2a614%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%22d8b1f860-7cda-4cb4-d733-4b085c374e05%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

e59467d1-e90f-7d3f-e2bd-660e96178ca2 e67480c6-16f4-514f-5103-fb4e9ee8abab c870416f-da90-2d9c-76e7-67326d520030 c12a10ce-816d-11f3-3e2e-b044ac591400 c851b792-12c5-991e-bd89-fb6075a5704f 9111ddec-230e-eaa4-5364-fb7fba8d3150 6742daf7-37ba-9ae3-7eab-b6172fe0f4c3 6f75f568-693e-2db8-b4c9-1e70e4c3e017 845dcde7-1100-ef72-1041-89d1ebf36350 24ee9f40-a013-a290-3580-6a9f44e814a7 bc9f75b0-32e1-b366-26c1-95a531a1a180 1a469f4f-c79f-9e42-b58c-73cf2db6b003 bcc4d637-3328-fc17-aa2c-dde04bfbb9ce 1e873560-a249-9704-bc56-f3e024d3d04d 707d0ef4-3f93-dd93-79ce-161b85f197cb d5954799-5169-ce26-7c80-f5355876aa26 25254df1-2110-ef54-3e6a-68698a9a8d68 2835644b-8020-6a93-a479-9dcdabbbe278 b1711af0-2abf-e3c8-3162-4a8714e981ea 1caa2e24-5eff-589d-f59c-305a2cf2fdd4 e16ff3f9-bcb2-b390-79a9-eb4e74c6f28c a28b1788-a245-dbb1-7440-e8942b16162d 34683d95-cf68-b61a-eda9-b7973a1dfb10 266b31fd-be7a-1ff4-c807-d6355ec110d0 894b9492-31ac-dda1-fac0-a1224720ee9e e099918a-c008-c7da-e991-f9809478b260 4c53574f-d774-678e-2907-b1ce536e4c50 c3b84fe4-d1af-ec6c-a00b-8738419111ae 5263d53b-ec40-feef-5323-70366487d7ea ee17198d-a7d8-edbe-a497-4c70a649e146 a2e27434-4720-94ee-d0b2-f55598aebd60 97535a39-98cc-3384-2b40-2c158aa69baf 4f7c6a0e-3345-56f2-529b-2d0b6bd30f1d 2643aeee-79be-d3cd-7392-771fa1fa7f2f 510ba236-3c57-3600-76fc-d760a4de3e95 3ba8e9c0-aadf-6652-cea3-a28065a87cae 2981e28e-3867-a7b6-7feb-b9e42828191d 7faedf8d-1656-7ae2-f3bd-c24e5df11b17 5e9b6058-8fea-9ead-85f4-e43db318fb8e ab3be6eb-e01c-d3fa-356b-a1a937971f3a ecbdb061-53ea-d2a7-5604-1db15ab043e5 de2d14a1-f142-e97c-6174-82c9605581a5 8c2ad1a1-ea3b-79d5-a8ae-27d9c014653b 20d6c2e5-e398-b2d5-70c5-ceb7d8f81149 1cc33c00-8419-3210-81de-890e8078d8b9 c97c21e6-4882-1848-d64d-9b02cea1319a 7320040a-417f-a006-8aa5-cff0c9503502 9059f0c1-3a65-4ec7-441b-32742c9a5bdc 10748b13-e3c0-6ad0-9bc4-6435ad0401fc 56e91261-d180-7e97-63c4-16f95cbc1759