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 .

e6690c51-bbc0-f687-5346-5388d732901c

114a8512-1096-5453-d015-5c0da9dab069

4ba1f284-8712-c6e5-cc9f-3c575bd6cdbc

39c4db82-cb8a-4035-8aa0-c31b9d2372de

5aa17020-6860-6f7d-b651-fe278ec8ec46

a59692b3-456b-6f22-c505-9f65d8796320

cf26dd4a-f2ea-6d58-a382-3b5f204328a2

8eefd096-df8c-945e-5d1d-8366ab1be909

45b93129-b097-bcf1-b410-7ac0dfd3b7d1

69c4c488-48d8-f2f3-17bb-e44d1fad733d

746f05d4-40fe-8f23-ec41-8a8eb177046d

4021f360-530a-8325-efdd-dcc0a87fe680

1ffe7a37-8caa-bd99-73fe-9fb0a4821abf

ea1c9665-f8d3-6d2f-47a2-75f5be2b8809

42a1e5dd-74c6-dde1-a6ca-6130b9469cbc

17a73102-941a-93de-a470-d6b2ed8a5ff4

a9846d80-4b5a-cce6-e0be-a3431d8f55aa

949b7e6b-3107-1770-d11f-9de02859093b

c4f712bd-a984-13da-7109-531ee3a1d455

4e1f91b9-1359-e514-cc00-4f303104fab8

ad158cf0-37c9-36d8-cb1a-a5fc762eb9f0

7418ddb9-7cf0-4ea0-c6e5-26c2500b2e9f

569628a9-fd00-3d62-efee-337be9948eca

6632e6d6-9ec5-6543-1c74-9e5851dddf40

a03c63ed-a3b2-7e47-fab0-1ac7e3c81c95

139b3829-8b7b-8db5-1601-c6dbdf8cd4bc

e6d05d0a-7c67-dfdd-15c1-6af6425ab71c

86e37ec8-12db-9524-94db-f1165dc1bf81

ed80c136-3e85-6a28-83c2-2084aaf429af

561aeb0d-2d1f-3099-5df6-4ce7ae8215ae

ecda3231-e993-5702-d6d7-6e10e8450eea

be86aa02-c854-5c8a-a6b5-7847bad142e7

c7f03118-7082-560d-28e3-a43a8d61610e

556534b3-40df-bca0-eb3d-7663ceea7e7b

38ac8110-3d4b-8729-26bc-710dc48973ad

aa82e7e7-9c65-c435-e6de-7e1dec796799

a2757226-260c-a4aa-f310-c49636f56569

ae3f9590-6361-67e0-71a2-23e68c21d4df

801f6735-f575-352e-68ef-d010d6708726

9fc68551-1cf2-32a3-90da-92a8604f66d0

2d9ab76f-4051-c76d-950f-7e25ea25474d

d56c20c0-c4d3-c840-1476-eb91356a05f3

8cec4acf-c1bb-5cf5-3577-96b0df19ddc9

d41b037e-1a1f-5378-b911-8638462084f0

6ffe6566-73a0-9763-2505-58c646d3b86c

c49b49c2-f9e3-27a3-5123-8ab82250347a

5bd1314a-9f83-bb93-843b-b0a3db1a8516

ea29ab16-fe33-f15c-9ca1-76cd9b191a37

9aef5523-cfe2-ee18-e8d4-f6cbddb7dcf2

84910bd3-89c1-bf0d-7ce0-fb8d9a99d346

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%22e6690c51-bbc0-f687-5346-5388d732901c%22%7D%2C%7B%22GUID%22%3A%22114a8512-1096-5453-d015-5c0da9dab069%22%7D%2C%7B%22GUID%22%3A%224ba1f284-8712-c6e5-cc9f-3c575bd6cdbc%22%7D%2C%7B%22GUID%22%3A%2239c4db82-cb8a-4035-8aa0-c31b9d2372de%22%7D%2C%7B%22GUID%22%3A%225aa17020-6860-6f7d-b651-fe278ec8ec46%22%7D%2C%7B%22GUID%22%3A%22a59692b3-456b-6f22-c505-9f65d8796320%22%7D%2C%7B%22GUID%22%3A%22cf26dd4a-f2ea-6d58-a382-3b5f204328a2%22%7D%2C%7B%22GUID%22%3A%228eefd096-df8c-945e-5d1d-8366ab1be909%22%7D%2C%7B%22GUID%22%3A%2245b93129-b097-bcf1-b410-7ac0dfd3b7d1%22%7D%2C%7B%22GUID%22%3A%2269c4c488-48d8-f2f3-17bb-e44d1fad733d%22%7D%2C%7B%22GUID%22%3A%22746f05d4-40fe-8f23-ec41-8a8eb177046d%22%7D%2C%7B%22GUID%22%3A%224021f360-530a-8325-efdd-dcc0a87fe680%22%7D%2C%7B%22GUID%22%3A%221ffe7a37-8caa-bd99-73fe-9fb0a4821abf%22%7D%2C%7B%22GUID%22%3A%22ea1c9665-f8d3-6d2f-47a2-75f5be2b8809%22%7D%2C%7B%22GUID%22%3A%2242a1e5dd-74c6-dde1-a6ca-6130b9469cbc%22%7D%2C%7B%22GUID%22%3A%2217a73102-941a-93de-a470-d6b2ed8a5ff4%22%7D%2C%7B%22GUID%22%3A%22a9846d80-4b5a-cce6-e0be-a3431d8f55aa%22%7D%2C%7B%22GUID%22%3A%22949b7e6b-3107-1770-d11f-9de02859093b%22%7D%2C%7B%22GUID%22%3A%22c4f712bd-a984-13da-7109-531ee3a1d455%22%7D%2C%7B%22GUID%22%3A%224e1f91b9-1359-e514-cc00-4f303104fab8%22%7D%2C%7B%22GUID%22%3A%22ad158cf0-37c9-36d8-cb1a-a5fc762eb9f0%22%7D%2C%7B%22GUID%22%3A%227418ddb9-7cf0-4ea0-c6e5-26c2500b2e9f%22%7D%2C%7B%22GUID%22%3A%22569628a9-fd00-3d62-efee-337be9948eca%22%7D%2C%7B%22GUID%22%3A%226632e6d6-9ec5-6543-1c74-9e5851dddf40%22%7D%2C%7B%22GUID%22%3A%22a03c63ed-a3b2-7e47-fab0-1ac7e3c81c95%22%7D%2C%7B%22GUID%22%3A%22139b3829-8b7b-8db5-1601-c6dbdf8cd4bc%22%7D%2C%7B%22GUID%22%3A%22e6d05d0a-7c67-dfdd-15c1-6af6425ab71c%22%7D%2C%7B%22GUID%22%3A%2286e37ec8-12db-9524-94db-f1165dc1bf81%22%7D%2C%7B%22GUID%22%3A%22ed80c136-3e85-6a28-83c2-2084aaf429af%22%7D%2C%7B%22GUID%22%3A%22561aeb0d-2d1f-3099-5df6-4ce7ae8215ae%22%7D%2C%7B%22GUID%22%3A%22ecda3231-e993-5702-d6d7-6e10e8450eea%22%7D%2C%7B%22GUID%22%3A%22be86aa02-c854-5c8a-a6b5-7847bad142e7%22%7D%2C%7B%22GUID%22%3A%22c7f03118-7082-560d-28e3-a43a8d61610e%22%7D%2C%7B%22GUID%22%3A%22556534b3-40df-bca0-eb3d-7663ceea7e7b%22%7D%2C%7B%22GUID%22%3A%2238ac8110-3d4b-8729-26bc-710dc48973ad%22%7D%2C%7B%22GUID%22%3A%22aa82e7e7-9c65-c435-e6de-7e1dec796799%22%7D%2C%7B%22GUID%22%3A%22a2757226-260c-a4aa-f310-c49636f56569%22%7D%2C%7B%22GUID%22%3A%22ae3f9590-6361-67e0-71a2-23e68c21d4df%22%7D%2C%7B%22GUID%22%3A%22801f6735-f575-352e-68ef-d010d6708726%22%7D%2C%7B%22GUID%22%3A%229fc68551-1cf2-32a3-90da-92a8604f66d0%22%7D%2C%7B%22GUID%22%3A%222d9ab76f-4051-c76d-950f-7e25ea25474d%22%7D%2C%7B%22GUID%22%3A%22d56c20c0-c4d3-c840-1476-eb91356a05f3%22%7D%2C%7B%22GUID%22%3A%228cec4acf-c1bb-5cf5-3577-96b0df19ddc9%22%7D%2C%7B%22GUID%22%3A%22d41b037e-1a1f-5378-b911-8638462084f0%22%7D%2C%7B%22GUID%22%3A%226ffe6566-73a0-9763-2505-58c646d3b86c%22%7D%2C%7B%22GUID%22%3A%22c49b49c2-f9e3-27a3-5123-8ab82250347a%22%7D%2C%7B%22GUID%22%3A%225bd1314a-9f83-bb93-843b-b0a3db1a8516%22%7D%2C%7B%22GUID%22%3A%22ea29ab16-fe33-f15c-9ca1-76cd9b191a37%22%7D%2C%7B%22GUID%22%3A%229aef5523-cfe2-ee18-e8d4-f6cbddb7dcf2%22%7D%2C%7B%22GUID%22%3A%2284910bd3-89c1-bf0d-7ce0-fb8d9a99d346%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%2297d1275b-4200-42e9-6d0c-e4b0dd591b3e%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

dcdb17b8-ee21-71fb-1bf8-b0215f277ae0 3725e14c-ee24-3fc1-20f2-484740c724e8 91107a43-a457-7380-d850-72ef83d9b413 27f44c7b-9690-e5bf-9230-5e5f17f740b2 dddba7ee-7c68-f9cd-e434-d4b92fbfd40f 7d53fe70-6492-e5ae-7656-ccc57c54c692 8f5101fb-d48a-9ff7-a38d-dbccd688a780 1c6c9553-8ba5-ac5c-78c0-2670c7311733 b6e381db-893f-6698-adae-4e8c4c45985a 4aef6990-577d-2b36-59fb-18ddb2f9f4ec e937c2d5-c74c-b8a9-2e9a-8b95b47bf116 755ffc5a-8160-87d3-8577-c4bec3ad80c0 40b152a5-659f-1030-ce2c-3bc58a89b39d daf9ca87-7036-ef80-4653-ac944f79946c 5ebbfb82-3c2b-f597-27e6-e37e121a7cbc 3f6e693f-6b49-70f6-900a-2d64e3d1b567 1aa18dd0-2aaa-a7e1-1909-bae63322d10a ab7d4b0c-4d48-56f3-6f2f-8cf09277ec29 59730dd7-6836-449b-1ee6-2992e4f866ca bf501e20-5fbe-2625-9347-d851a06789db e4aa06f7-a62c-19e4-d70a-422c1df2d00c a60993af-113a-23e2-cb90-be083cf0e295 20582a6f-3fbb-d925-f8ac-838ea3b203ba be544ab4-5b96-7657-ce8b-544e3786dcb5 56190044-f017-3f54-3c20-dca7ac404033 a0912712-bef7-6b87-5315-df956cfdb55b 752bff59-483c-c879-2070-ca983092c748 d2643ab7-db55-745a-680e-87f7895a383f cddb2972-8cf0-ddfb-17c6-7df064bccce5 18b80371-b644-3cd2-77fe-3dc639814ce7 28aca39c-c0a7-3bd3-688d-cd805a671be3 dd747d7d-5e10-dfc6-3db4-1d94c82c80e9 a27df544-96ca-424f-fd36-d37bd820102b c04c0a5c-2dc4-f669-92f5-c920aea53cd0 3fcdff68-d9d4-231c-1c3f-7c6038b9239e 336025dc-7776-c4fd-912c-ec2f82857624 8bdfbac3-5a49-aef8-cbc3-2c23cf3e051f 43f4d7b5-1c5d-7915-f8f5-d88f7334de17 2e0dc8c0-425c-8035-4973-6eb644317423 22794164-4a66-ffbb-1f67-fa766143f359 eee18466-e1ff-19c0-9530-bc8181526faa 856b38d3-1f92-43fd-5a67-4a7e3f941700 5db2cf5d-5ade-8bba-48a0-6828cdb65250 a657a532-9477-268f-caf0-ae2286717816 194dfeec-2753-aea0-7d1d-5a537950db10 51ec52c6-3207-bf54-8acf-237966b1d2cb b3f99b5d-4e95-7900-98d9-38968ff9febb a48fbe18-9e7e-f77f-2860-7f5c8a440776 92622f07-fa2f-daf9-3cf7-e1e28e61f952 406446ff-910a-b4e3-256b-fc0ad8196290