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 .

2227e063-d8c5-f8d8-a3d0-28c72be84a14

d2d79cf7-fc60-5f15-a803-ee817be20d12

4155905d-629f-1fcd-f472-753535be18b3

7dd27706-2594-7b03-ad6e-e8aa51a56912

d6af3ca5-17f3-7c5b-3c14-774e2978d99c

9c7f32b6-acf4-d477-41b0-feba64d2c0ee

763c24dc-46de-2705-5905-484b7eed93d8

50bd6c99-1fd7-312c-8b40-2c1163bf0531

ecab1284-75fd-ac95-3ab3-e5df9e701b98

1a253fc3-c49e-3199-a030-a8e2a2b15aa2

a813b426-e586-3a00-d20a-636c2c60a508

cd8f2f04-5557-d871-6963-382096214b1a

72bb80f2-46c0-c537-7960-f8fd706b748a

11bf7f97-42d0-bda0-783f-4c698dea08fd

ceda5b5c-c8e3-c7a6-f3d8-7ba56eeabbb5

ccf6949e-d6ec-eb00-6c80-71e03271461f

31a891ac-d516-9388-d721-5fa1abe94fcc

b1ece8c6-3f64-92d4-b8c0-de876275891d

79564ea2-3894-28fd-6f8f-8e98348aa8c3

57dfc14e-59b1-2da8-5446-735ddd733188

6f09ccfa-3596-3897-21cb-dd7010a6c21d

e0b0673d-63e7-c222-3cc2-ef2de6f20117

6e215fc9-a0c8-f1e6-fe47-972eb197e9da

7fad3284-21be-de27-ef59-f6ed271b5521

cb03dfd0-cd95-8252-3e81-1ccbd991f9d2

878248f1-22d2-fdbb-8e4d-9760ca575d01

8afdf827-e746-824f-6f10-850fed383c10

a19499ff-24bc-6ab3-e124-c8a63c62ff87

bfa654a9-c96f-b020-e7ac-1465a3d75900

1eb5678a-e5d1-ccfa-32cc-fc306654f460

669541ee-e922-b345-bd56-e32f1e448474

851c51bb-9f14-223a-4143-75cbab2ab82e

43b14f0e-4e77-58ca-7094-2b029d435686

170530bf-cb07-53f1-5600-e93dbf84bf40

5cde5e7c-645a-69e6-2059-2c6bb8ce7380

27a1d0c5-52d5-3940-bfc4-ab6a923ef6de

b495a329-81ba-b535-2fec-e9c88efa097d

18770fb0-b65f-2c69-4e19-11ff2f3f6543

1942b0e3-b1ba-7978-216a-dc4ce7dbbfa4

3727bf15-f742-a57d-11b0-4f987c7f560a

a2e1f581-4f85-96f4-fe04-1949116d6871

51cb09ab-d888-16bb-2cb9-1c27a10c3a6d

483c62c0-bc59-3cd7-db88-564179ab6ef9

a9f24bd2-d124-9a6b-e897-a8c048815aad

5fd55a68-8ba0-7fdf-e17f-b259c11dc53f

98db3c00-fadf-d4b6-3a69-ea75dca6ed23

492ba84d-2a82-6715-e8f7-852c619ba5c5

2ea2b27e-ff30-7dc3-6aa3-a9ee9355057c

2db78baa-5763-c855-4bb9-49e4418cb620

c7c69071-bc04-6108-1c39-5121ac788476

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%222227e063-d8c5-f8d8-a3d0-28c72be84a14%22%7D%2C%7B%22GUID%22%3A%22d2d79cf7-fc60-5f15-a803-ee817be20d12%22%7D%2C%7B%22GUID%22%3A%224155905d-629f-1fcd-f472-753535be18b3%22%7D%2C%7B%22GUID%22%3A%227dd27706-2594-7b03-ad6e-e8aa51a56912%22%7D%2C%7B%22GUID%22%3A%22d6af3ca5-17f3-7c5b-3c14-774e2978d99c%22%7D%2C%7B%22GUID%22%3A%229c7f32b6-acf4-d477-41b0-feba64d2c0ee%22%7D%2C%7B%22GUID%22%3A%22763c24dc-46de-2705-5905-484b7eed93d8%22%7D%2C%7B%22GUID%22%3A%2250bd6c99-1fd7-312c-8b40-2c1163bf0531%22%7D%2C%7B%22GUID%22%3A%22ecab1284-75fd-ac95-3ab3-e5df9e701b98%22%7D%2C%7B%22GUID%22%3A%221a253fc3-c49e-3199-a030-a8e2a2b15aa2%22%7D%2C%7B%22GUID%22%3A%22a813b426-e586-3a00-d20a-636c2c60a508%22%7D%2C%7B%22GUID%22%3A%22cd8f2f04-5557-d871-6963-382096214b1a%22%7D%2C%7B%22GUID%22%3A%2272bb80f2-46c0-c537-7960-f8fd706b748a%22%7D%2C%7B%22GUID%22%3A%2211bf7f97-42d0-bda0-783f-4c698dea08fd%22%7D%2C%7B%22GUID%22%3A%22ceda5b5c-c8e3-c7a6-f3d8-7ba56eeabbb5%22%7D%2C%7B%22GUID%22%3A%22ccf6949e-d6ec-eb00-6c80-71e03271461f%22%7D%2C%7B%22GUID%22%3A%2231a891ac-d516-9388-d721-5fa1abe94fcc%22%7D%2C%7B%22GUID%22%3A%22b1ece8c6-3f64-92d4-b8c0-de876275891d%22%7D%2C%7B%22GUID%22%3A%2279564ea2-3894-28fd-6f8f-8e98348aa8c3%22%7D%2C%7B%22GUID%22%3A%2257dfc14e-59b1-2da8-5446-735ddd733188%22%7D%2C%7B%22GUID%22%3A%226f09ccfa-3596-3897-21cb-dd7010a6c21d%22%7D%2C%7B%22GUID%22%3A%22e0b0673d-63e7-c222-3cc2-ef2de6f20117%22%7D%2C%7B%22GUID%22%3A%226e215fc9-a0c8-f1e6-fe47-972eb197e9da%22%7D%2C%7B%22GUID%22%3A%227fad3284-21be-de27-ef59-f6ed271b5521%22%7D%2C%7B%22GUID%22%3A%22cb03dfd0-cd95-8252-3e81-1ccbd991f9d2%22%7D%2C%7B%22GUID%22%3A%22878248f1-22d2-fdbb-8e4d-9760ca575d01%22%7D%2C%7B%22GUID%22%3A%228afdf827-e746-824f-6f10-850fed383c10%22%7D%2C%7B%22GUID%22%3A%22a19499ff-24bc-6ab3-e124-c8a63c62ff87%22%7D%2C%7B%22GUID%22%3A%22bfa654a9-c96f-b020-e7ac-1465a3d75900%22%7D%2C%7B%22GUID%22%3A%221eb5678a-e5d1-ccfa-32cc-fc306654f460%22%7D%2C%7B%22GUID%22%3A%22669541ee-e922-b345-bd56-e32f1e448474%22%7D%2C%7B%22GUID%22%3A%22851c51bb-9f14-223a-4143-75cbab2ab82e%22%7D%2C%7B%22GUID%22%3A%2243b14f0e-4e77-58ca-7094-2b029d435686%22%7D%2C%7B%22GUID%22%3A%22170530bf-cb07-53f1-5600-e93dbf84bf40%22%7D%2C%7B%22GUID%22%3A%225cde5e7c-645a-69e6-2059-2c6bb8ce7380%22%7D%2C%7B%22GUID%22%3A%2227a1d0c5-52d5-3940-bfc4-ab6a923ef6de%22%7D%2C%7B%22GUID%22%3A%22b495a329-81ba-b535-2fec-e9c88efa097d%22%7D%2C%7B%22GUID%22%3A%2218770fb0-b65f-2c69-4e19-11ff2f3f6543%22%7D%2C%7B%22GUID%22%3A%221942b0e3-b1ba-7978-216a-dc4ce7dbbfa4%22%7D%2C%7B%22GUID%22%3A%223727bf15-f742-a57d-11b0-4f987c7f560a%22%7D%2C%7B%22GUID%22%3A%22a2e1f581-4f85-96f4-fe04-1949116d6871%22%7D%2C%7B%22GUID%22%3A%2251cb09ab-d888-16bb-2cb9-1c27a10c3a6d%22%7D%2C%7B%22GUID%22%3A%22483c62c0-bc59-3cd7-db88-564179ab6ef9%22%7D%2C%7B%22GUID%22%3A%22a9f24bd2-d124-9a6b-e897-a8c048815aad%22%7D%2C%7B%22GUID%22%3A%225fd55a68-8ba0-7fdf-e17f-b259c11dc53f%22%7D%2C%7B%22GUID%22%3A%2298db3c00-fadf-d4b6-3a69-ea75dca6ed23%22%7D%2C%7B%22GUID%22%3A%22492ba84d-2a82-6715-e8f7-852c619ba5c5%22%7D%2C%7B%22GUID%22%3A%222ea2b27e-ff30-7dc3-6aa3-a9ee9355057c%22%7D%2C%7B%22GUID%22%3A%222db78baa-5763-c855-4bb9-49e4418cb620%22%7D%2C%7B%22GUID%22%3A%22c7c69071-bc04-6108-1c39-5121ac788476%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%22c707ce54-1e1e-56ad-4e9d-cc6c3d9e2948%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

4048e5f9-b585-2039-bb97-10b7736ae464 1a6d5e49-6da3-64c2-b850-98acb150278d a1c70a33-23d0-eefb-4ca3-3196e0838551 43af07b6-affd-f8c8-a720-34719b91bdfd b45e778e-a518-40e5-cd9b-2e50bc3d3078 b0766fb1-5bf0-4970-ede3-fd5daa689b0b 8d123bf4-635c-9487-404c-8acd84283e19 d4139410-457e-d280-9380-4cc1c695e9fc d3104af3-e3ea-ab54-7458-d466e6dd48e9 befd53b9-da31-28fd-7dcf-e01517b339fb 919962f0-c1f0-574c-37bd-823aa84d4110 cc99964f-bde0-5be8-83e6-38d010ab4f5d 63272e4c-5eea-fcab-9f22-64b7108ea6fe 256eb75d-8177-7c34-ad28-a3a27b24ebab d38a8db2-dce4-2783-fbbe-96d3eff757ea 47fd8ca8-3d0a-604a-1559-f96c3fe8f534 37609e35-37e4-7450-e396-5f0ed74ac3ba 1e551d25-1ea6-e179-ff60-4bd4af31b53a 9427b13c-d5f1-212c-9786-1080442cc447 bb629648-6867-4f75-95c0-23f26fa9d75d 834e248b-4d14-31c0-6277-d6fdd532f260 db52f415-6622-fcb0-6644-c1d63f7ec3a6 aaaeb6a8-419c-23c7-7d40-5d7ad5932d4e e3bc960c-2c29-1c08-c78a-9beb6a168201 1f44be91-a0c0-30a7-d056-b65c3e321a5c bff55960-20a6-75c9-42d5-6207390b4716 7b7fcc3a-f700-ea4e-e992-8957900ae02b 7cf3b08c-4d37-1893-9404-2a22b784dc4f 8c88bfe8-d717-b555-5685-b43a78300d60 b39251ac-2036-7bf1-192a-f5723aea3bab 7aa6f0ab-a875-459a-5b3d-dc407fc0dd63 6c24b305-e698-caa4-6741-419acb3244ad 1e425427-2561-cb81-91a0-746a7135b7e0 e6587232-b926-eba0-d549-e932e128f5b1 1fef0e3e-6ce6-1150-bfb7-23e3a1860481 b38afc9a-6cc0-ad38-9f76-591185b0b820 15a65827-f7be-9f80-b280-c54325abe3ab 99952507-270a-c194-66db-e4bc7a048c40 4c1e957a-bfdb-87b1-dbb2-dee82208b168 ddfae47b-9180-e900-18b0-f47fd9fd24ff 4460713c-3b8b-7f75-8826-c3b9af89dbce 59dee1b0-1de7-6dd6-c92f-1a978cf7f690 14cc9068-7227-4e92-1343-287b7fd2a015 5dc537f5-a0f1-c7c3-2a3a-226d6baf397c 2b479b00-5001-e840-91f4-6536e58cd11e 9cc19c2b-e17f-fd90-a562-ccf035378a53 e03028ea-4630-7910-8a06-b93ecb56e1e1 535a24bf-1f9f-b9d0-d4b5-911453155e00 c9e73220-5e31-8723-659e-547283b6ac3f 2597e4fc-abb0-d9d7-bed2-af20879692c6