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 .

a9d50017-1842-abd7-1308-89cba883c19b

e331317a-b145-f5d5-f170-1312ca8bd70f

4b6b22af-a16d-d520-90e1-5005e1ce015f

4d453a41-e7ab-b807-735f-c621b238339f

85ea03bd-fe98-355a-563c-431aa53b358c

d52e388f-cab0-ddf7-9c03-f232a20975f3

9d4e4bb5-206d-6f4b-7210-46b835a68bc5

a6e68ff5-e6f1-5a8a-68dc-6448bbd1505e

20cb2932-7a68-af8e-b000-a99dbd32b2e5

c1f05e50-e7e5-1ee7-cb6d-a201145a3734

12ea0e90-1c1d-dfe4-a5f8-70758d09087c

b5f61910-6c13-dfce-8332-609f11d933ab

35e2a60f-b279-8740-6459-a08ce0b859c1

43faf965-13e7-196e-5bed-d08111ef0935

8f3a22c9-6bcc-a455-4bee-5bfc43c99892

8cc7f76b-37c0-da68-b8e0-130522ceaed2

788e111f-ee54-3138-8173-138ac9bef0d9

e433f373-25bb-b940-c31d-e3eba92be779

91303ef5-eec9-2eef-90e0-12d02a2e6e93

ab93decf-7c8b-a2c9-6823-7e2dbf0403b9

9dec38a0-2d8f-42f1-bb90-562fa2b08c03

31ceea45-f7aa-4d72-bbc6-5173779d4feb

e4a25633-3a75-1a29-4c75-aaeb3cbcf0d7

9f28e82c-65d7-9528-e129-c920c920f594

4df48c1a-67fb-a919-cae3-97148d6bc65c

43068eed-c125-3c09-cacc-2d1c7ea70970

860b9de8-a045-2296-db54-ac65e5c3cb60

2d233ec6-be0a-2e7f-c2fc-75b6860068c2

50b8b0ca-9ec5-624a-76eb-e31c7b951bff

40f38eb5-5f49-bdec-8001-bcf0b6575e18

6598588a-a259-b520-7b84-c850336f6c85

45458b92-cf62-24a8-846a-4a744e0af2f0

bfcec903-4f00-3826-b2f1-bd37de265131

20d36716-1610-a259-3155-5f484a139b63

6ff25913-c9c2-c83d-9d90-779a33c8708c

85ac9476-b339-49bc-9a36-159a6987f6c9

139043d8-d905-1608-2fa4-6bc57c2b7f87

dc98d6f1-61f0-7567-2cc6-175989ab3add

d67b9ff0-a7cd-e2e6-ea0c-173e6053f434

d2121777-bd2a-4cc0-97f4-805ba7226670

30659738-f1b2-daf4-d939-9e53235807c3

5bd10821-1a3d-c920-cf43-b018899ee19c

dfe7ade7-dcae-127d-c950-dcadb57c32aa

1acda582-275e-55b6-3e84-5ca82b44f786

1e0146fa-25a9-4280-d8a5-a854a97031ef

a480570e-a2a8-3544-8da0-c430a967c8fa

ca6ed8b7-d950-5f09-f277-9bf9c15792e0

8cf2b72f-990e-b021-ff50-9050a90eedd3

479db280-2496-2e0f-2665-fc2cc4ffb1ce

3ea3ff73-1e67-5423-2a70-11b66c1d457e

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%22a9d50017-1842-abd7-1308-89cba883c19b%22%7D%2C%7B%22GUID%22%3A%22e331317a-b145-f5d5-f170-1312ca8bd70f%22%7D%2C%7B%22GUID%22%3A%224b6b22af-a16d-d520-90e1-5005e1ce015f%22%7D%2C%7B%22GUID%22%3A%224d453a41-e7ab-b807-735f-c621b238339f%22%7D%2C%7B%22GUID%22%3A%2285ea03bd-fe98-355a-563c-431aa53b358c%22%7D%2C%7B%22GUID%22%3A%22d52e388f-cab0-ddf7-9c03-f232a20975f3%22%7D%2C%7B%22GUID%22%3A%229d4e4bb5-206d-6f4b-7210-46b835a68bc5%22%7D%2C%7B%22GUID%22%3A%22a6e68ff5-e6f1-5a8a-68dc-6448bbd1505e%22%7D%2C%7B%22GUID%22%3A%2220cb2932-7a68-af8e-b000-a99dbd32b2e5%22%7D%2C%7B%22GUID%22%3A%22c1f05e50-e7e5-1ee7-cb6d-a201145a3734%22%7D%2C%7B%22GUID%22%3A%2212ea0e90-1c1d-dfe4-a5f8-70758d09087c%22%7D%2C%7B%22GUID%22%3A%22b5f61910-6c13-dfce-8332-609f11d933ab%22%7D%2C%7B%22GUID%22%3A%2235e2a60f-b279-8740-6459-a08ce0b859c1%22%7D%2C%7B%22GUID%22%3A%2243faf965-13e7-196e-5bed-d08111ef0935%22%7D%2C%7B%22GUID%22%3A%228f3a22c9-6bcc-a455-4bee-5bfc43c99892%22%7D%2C%7B%22GUID%22%3A%228cc7f76b-37c0-da68-b8e0-130522ceaed2%22%7D%2C%7B%22GUID%22%3A%22788e111f-ee54-3138-8173-138ac9bef0d9%22%7D%2C%7B%22GUID%22%3A%22e433f373-25bb-b940-c31d-e3eba92be779%22%7D%2C%7B%22GUID%22%3A%2291303ef5-eec9-2eef-90e0-12d02a2e6e93%22%7D%2C%7B%22GUID%22%3A%22ab93decf-7c8b-a2c9-6823-7e2dbf0403b9%22%7D%2C%7B%22GUID%22%3A%229dec38a0-2d8f-42f1-bb90-562fa2b08c03%22%7D%2C%7B%22GUID%22%3A%2231ceea45-f7aa-4d72-bbc6-5173779d4feb%22%7D%2C%7B%22GUID%22%3A%22e4a25633-3a75-1a29-4c75-aaeb3cbcf0d7%22%7D%2C%7B%22GUID%22%3A%229f28e82c-65d7-9528-e129-c920c920f594%22%7D%2C%7B%22GUID%22%3A%224df48c1a-67fb-a919-cae3-97148d6bc65c%22%7D%2C%7B%22GUID%22%3A%2243068eed-c125-3c09-cacc-2d1c7ea70970%22%7D%2C%7B%22GUID%22%3A%22860b9de8-a045-2296-db54-ac65e5c3cb60%22%7D%2C%7B%22GUID%22%3A%222d233ec6-be0a-2e7f-c2fc-75b6860068c2%22%7D%2C%7B%22GUID%22%3A%2250b8b0ca-9ec5-624a-76eb-e31c7b951bff%22%7D%2C%7B%22GUID%22%3A%2240f38eb5-5f49-bdec-8001-bcf0b6575e18%22%7D%2C%7B%22GUID%22%3A%226598588a-a259-b520-7b84-c850336f6c85%22%7D%2C%7B%22GUID%22%3A%2245458b92-cf62-24a8-846a-4a744e0af2f0%22%7D%2C%7B%22GUID%22%3A%22bfcec903-4f00-3826-b2f1-bd37de265131%22%7D%2C%7B%22GUID%22%3A%2220d36716-1610-a259-3155-5f484a139b63%22%7D%2C%7B%22GUID%22%3A%226ff25913-c9c2-c83d-9d90-779a33c8708c%22%7D%2C%7B%22GUID%22%3A%2285ac9476-b339-49bc-9a36-159a6987f6c9%22%7D%2C%7B%22GUID%22%3A%22139043d8-d905-1608-2fa4-6bc57c2b7f87%22%7D%2C%7B%22GUID%22%3A%22dc98d6f1-61f0-7567-2cc6-175989ab3add%22%7D%2C%7B%22GUID%22%3A%22d67b9ff0-a7cd-e2e6-ea0c-173e6053f434%22%7D%2C%7B%22GUID%22%3A%22d2121777-bd2a-4cc0-97f4-805ba7226670%22%7D%2C%7B%22GUID%22%3A%2230659738-f1b2-daf4-d939-9e53235807c3%22%7D%2C%7B%22GUID%22%3A%225bd10821-1a3d-c920-cf43-b018899ee19c%22%7D%2C%7B%22GUID%22%3A%22dfe7ade7-dcae-127d-c950-dcadb57c32aa%22%7D%2C%7B%22GUID%22%3A%221acda582-275e-55b6-3e84-5ca82b44f786%22%7D%2C%7B%22GUID%22%3A%221e0146fa-25a9-4280-d8a5-a854a97031ef%22%7D%2C%7B%22GUID%22%3A%22a480570e-a2a8-3544-8da0-c430a967c8fa%22%7D%2C%7B%22GUID%22%3A%22ca6ed8b7-d950-5f09-f277-9bf9c15792e0%22%7D%2C%7B%22GUID%22%3A%228cf2b72f-990e-b021-ff50-9050a90eedd3%22%7D%2C%7B%22GUID%22%3A%22479db280-2496-2e0f-2665-fc2cc4ffb1ce%22%7D%2C%7B%22GUID%22%3A%223ea3ff73-1e67-5423-2a70-11b66c1d457e%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%22e3dfb700-1130-bca4-a1c4-7d13c64f432a%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

2c14850f-8620-1a8e-ee48-fd2e5df31f8a e9c19d17-68f7-2c0b-9355-dd29173c694d 79821aff-dca0-3aba-ec25-e2d31c454716 760c5cb1-8071-78e3-5afd-55df24284d95 67fc2b71-ec65-1841-8774-b49a5dc35a8a 90f5b15d-5ba0-3071-e3b9-ce3c6be29fe8 bf1e59c3-130b-2457-66c5-3618df9efafa 155e962c-134c-3540-be15-79f949585179 da4a81e3-cab5-952e-9bd1-93797b1521e9 80610841-eae1-7c79-3976-e1b49334cc69 e6b71f28-d346-616e-8dc2-aeb655913c70 3ac2613e-ffdf-3c50-4ac2-b8ca3d26daa1 743191e8-e9a0-7b00-dfcc-5ee08d599ad3 1d94ae2c-137b-f1f0-a005-25eab2dfbce4 57efc324-bdf0-4165-3ebf-8d509e196c48 e9f513da-29e6-29e9-3f16-fe2beb8411f9 684d596a-2995-8e69-9796-6950a4a9dbc2 49b0107b-e60b-b353-d3aa-bfd17ec2e447 23ac1fc8-5e40-59ea-bd15-7a9599d705f1 9cb28863-e734-e328-6e42-1dcdb7d192e4 b9aac657-d08f-94eb-be26-b880a85ce5c4 eda57888-6faf-6232-12ee-cc4560387d8f 9f565ece-b724-c105-ad84-ebc84f3fe060 a4786d5e-e2c2-5b06-4cc6-5676a3261aa8 5fbe676d-f313-88ba-1e9b-d7e336d3b1e1 7e3cfd1e-7e45-e665-d3ff-13b6126875d5 df40fef3-fcb5-2305-e975-e280e5b0324a 14cb1a3d-49cb-1a2d-2476-4bc8bdaeb9e2 1efce1ae-b4b6-33c2-7b0f-9a0f2f0e72d4 4dd14bed-4f4c-7c69-2521-ab9b9f44e019 58b69047-3021-e2a1-2db0-ff5c89058d4c d7468064-2f11-2dc0-f314-fbcb2550dbcb 7a3f4de4-d0bb-d42b-433f-9d7587bdc9e3 2cda1270-d449-c513-4f08-94edaa35c2af a4d0302f-a880-3cd1-4469-1130df0e2a99 cf146852-c13b-c251-dde5-f5b3cd90ba9b db564ea5-5da0-badd-debd-a300a8bc4549 6d254bdb-a646-245a-126c-a0a527c0178a 8e2f2bf0-dd34-1d10-3cbe-48f5558f8c10 c9ea5cad-d924-1a73-8574-8755bbb27a9b d3b296e5-7371-1a69-2433-37e02db5ddf1 6d56fbba-7053-10e0-adab-a88a1d3e6a04 bb221978-2b61-6ffc-2be0-58fb8a5a7230 58984e44-67f9-ac40-f910-85fd17b336e4 317fee1e-9199-f657-903b-d113b6ed9d37 e65d642a-c83f-5aa4-d939-6a4255c1cbc5 7adc3c01-e506-a1c4-adc7-13e62a4f0a89 3e8c73d4-6dde-5fdb-4a55-169bca04c0bd 9b5aec8e-25d3-ad6b-5ebb-9e7d9e874bf0 7e65a318-a680-7167-9846-ffa21365b3f1