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 .

d5238a47-5950-c84e-4da0-e4c032a83024

fd58f6d0-d6ea-d00e-206b-ca206ae4d5cf

e6ff045f-44aa-ee84-780c-bc9c7b434a77

bff8fdcc-aa28-c5b2-cc9d-23d86f377508

5a186400-32c1-5563-4d97-1677764a65b0

8d7029a9-19c4-ad80-76b3-eff712a398d1

6492d436-becc-c1d0-48c7-44a791760f56

ce5b6d1b-6ada-7845-22bc-9314e13dd178

83747ba2-df65-649d-bdc5-cc20b4ed4469

8ef3a1d3-1db3-6de6-8365-e650a37769e5

b3c8fb23-c12b-c1ae-5cfc-4eece264795e

2b450892-c890-ebc1-b941-c334bf58e1a9

c5a5ae68-3e2b-157c-fd64-16f34498f1fd

7c3ae657-1934-bdcf-c873-15329c55734f

5edb1177-cd25-b4e5-de32-1bb1b140d265

902c6435-7d8a-a68d-a7de-8b5f9f918440

b94cd0a5-f709-5dcb-8edf-6b8c4d02ad0b

4f166f07-1c7b-4bd7-83be-c715d0ddd3c0

ba53adb9-9b9f-c65a-deba-d8fac81ae9a9

9bba33ae-c5cd-31eb-9893-6f10579b9b77

34ee8b2f-8950-2ee3-b65a-4c429f77b0e2

4b33a337-ed78-9a37-3dc0-db6315c6273d

cf0666e4-91d0-f071-48b8-9beb8f5e0342

82befbd0-8bb1-6509-eae0-fa36d51545ba

4f56c6da-3633-82a2-32c6-4c6831ae6339

9a22d945-e565-59b9-466c-533ad8e1375b

d76bff3d-53ed-fbd2-3bcc-30ced319eea0

c3ebdcf7-5f12-8624-e513-3423935fd4dc

74f33b26-656d-24c2-3fc1-a5455fd19390

7ca750ad-a5fb-1df4-44f6-16293240e0f3

c0f2618b-581c-63c0-74bd-a4f1c63d915f

9209de73-2e18-a282-5ae1-38d521afc59c

a0704821-e216-cd56-5c34-f787e1ee04ca

4083824f-7506-f54f-72a9-4d77375bb710

166616b8-6161-472d-813a-ea2968c04039

80be89cf-466e-8e82-3423-c8575c846030

46e703bd-ad4d-cb2e-b9d9-d08532730e3e

be722720-47bd-366b-51e3-42da2d6cb01a

529d139e-8b6b-5cef-fd44-5c05c3852a04

4c7f5e55-e07f-cf17-d55e-5e0f3378c7fb

3c251a4e-70c3-9960-7f74-726376f985d6

cb8f4b3d-881a-37f2-b679-1380c7ef0103

e8028efb-dfc9-6674-92c3-24f98187fea0

d2fe9200-d052-aa8c-db91-faeaa63cb47b

d5fe2a5c-611e-b763-693e-a8f9ce4f36cc

beaf51a0-17e2-5de6-9427-ebae73956743

8620545c-b020-a495-16bf-9dc3e7655088

c5acb9b5-4322-f2e9-28ec-a79922ad6089

bbf06414-eed0-4aa0-c8f0-e6f0d27bebe9

d150fee9-7296-4f11-f82b-504f27c93240

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%22d5238a47-5950-c84e-4da0-e4c032a83024%22%7D%2C%7B%22GUID%22%3A%22fd58f6d0-d6ea-d00e-206b-ca206ae4d5cf%22%7D%2C%7B%22GUID%22%3A%22e6ff045f-44aa-ee84-780c-bc9c7b434a77%22%7D%2C%7B%22GUID%22%3A%22bff8fdcc-aa28-c5b2-cc9d-23d86f377508%22%7D%2C%7B%22GUID%22%3A%225a186400-32c1-5563-4d97-1677764a65b0%22%7D%2C%7B%22GUID%22%3A%228d7029a9-19c4-ad80-76b3-eff712a398d1%22%7D%2C%7B%22GUID%22%3A%226492d436-becc-c1d0-48c7-44a791760f56%22%7D%2C%7B%22GUID%22%3A%22ce5b6d1b-6ada-7845-22bc-9314e13dd178%22%7D%2C%7B%22GUID%22%3A%2283747ba2-df65-649d-bdc5-cc20b4ed4469%22%7D%2C%7B%22GUID%22%3A%228ef3a1d3-1db3-6de6-8365-e650a37769e5%22%7D%2C%7B%22GUID%22%3A%22b3c8fb23-c12b-c1ae-5cfc-4eece264795e%22%7D%2C%7B%22GUID%22%3A%222b450892-c890-ebc1-b941-c334bf58e1a9%22%7D%2C%7B%22GUID%22%3A%22c5a5ae68-3e2b-157c-fd64-16f34498f1fd%22%7D%2C%7B%22GUID%22%3A%227c3ae657-1934-bdcf-c873-15329c55734f%22%7D%2C%7B%22GUID%22%3A%225edb1177-cd25-b4e5-de32-1bb1b140d265%22%7D%2C%7B%22GUID%22%3A%22902c6435-7d8a-a68d-a7de-8b5f9f918440%22%7D%2C%7B%22GUID%22%3A%22b94cd0a5-f709-5dcb-8edf-6b8c4d02ad0b%22%7D%2C%7B%22GUID%22%3A%224f166f07-1c7b-4bd7-83be-c715d0ddd3c0%22%7D%2C%7B%22GUID%22%3A%22ba53adb9-9b9f-c65a-deba-d8fac81ae9a9%22%7D%2C%7B%22GUID%22%3A%229bba33ae-c5cd-31eb-9893-6f10579b9b77%22%7D%2C%7B%22GUID%22%3A%2234ee8b2f-8950-2ee3-b65a-4c429f77b0e2%22%7D%2C%7B%22GUID%22%3A%224b33a337-ed78-9a37-3dc0-db6315c6273d%22%7D%2C%7B%22GUID%22%3A%22cf0666e4-91d0-f071-48b8-9beb8f5e0342%22%7D%2C%7B%22GUID%22%3A%2282befbd0-8bb1-6509-eae0-fa36d51545ba%22%7D%2C%7B%22GUID%22%3A%224f56c6da-3633-82a2-32c6-4c6831ae6339%22%7D%2C%7B%22GUID%22%3A%229a22d945-e565-59b9-466c-533ad8e1375b%22%7D%2C%7B%22GUID%22%3A%22d76bff3d-53ed-fbd2-3bcc-30ced319eea0%22%7D%2C%7B%22GUID%22%3A%22c3ebdcf7-5f12-8624-e513-3423935fd4dc%22%7D%2C%7B%22GUID%22%3A%2274f33b26-656d-24c2-3fc1-a5455fd19390%22%7D%2C%7B%22GUID%22%3A%227ca750ad-a5fb-1df4-44f6-16293240e0f3%22%7D%2C%7B%22GUID%22%3A%22c0f2618b-581c-63c0-74bd-a4f1c63d915f%22%7D%2C%7B%22GUID%22%3A%229209de73-2e18-a282-5ae1-38d521afc59c%22%7D%2C%7B%22GUID%22%3A%22a0704821-e216-cd56-5c34-f787e1ee04ca%22%7D%2C%7B%22GUID%22%3A%224083824f-7506-f54f-72a9-4d77375bb710%22%7D%2C%7B%22GUID%22%3A%22166616b8-6161-472d-813a-ea2968c04039%22%7D%2C%7B%22GUID%22%3A%2280be89cf-466e-8e82-3423-c8575c846030%22%7D%2C%7B%22GUID%22%3A%2246e703bd-ad4d-cb2e-b9d9-d08532730e3e%22%7D%2C%7B%22GUID%22%3A%22be722720-47bd-366b-51e3-42da2d6cb01a%22%7D%2C%7B%22GUID%22%3A%22529d139e-8b6b-5cef-fd44-5c05c3852a04%22%7D%2C%7B%22GUID%22%3A%224c7f5e55-e07f-cf17-d55e-5e0f3378c7fb%22%7D%2C%7B%22GUID%22%3A%223c251a4e-70c3-9960-7f74-726376f985d6%22%7D%2C%7B%22GUID%22%3A%22cb8f4b3d-881a-37f2-b679-1380c7ef0103%22%7D%2C%7B%22GUID%22%3A%22e8028efb-dfc9-6674-92c3-24f98187fea0%22%7D%2C%7B%22GUID%22%3A%22d2fe9200-d052-aa8c-db91-faeaa63cb47b%22%7D%2C%7B%22GUID%22%3A%22d5fe2a5c-611e-b763-693e-a8f9ce4f36cc%22%7D%2C%7B%22GUID%22%3A%22beaf51a0-17e2-5de6-9427-ebae73956743%22%7D%2C%7B%22GUID%22%3A%228620545c-b020-a495-16bf-9dc3e7655088%22%7D%2C%7B%22GUID%22%3A%22c5acb9b5-4322-f2e9-28ec-a79922ad6089%22%7D%2C%7B%22GUID%22%3A%22bbf06414-eed0-4aa0-c8f0-e6f0d27bebe9%22%7D%2C%7B%22GUID%22%3A%22d150fee9-7296-4f11-f82b-504f27c93240%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%227e5ee876-b42e-86b5-7924-ae1b5bee9876%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

4de5ee8a-863e-c58d-8caa-6538ea554447 8c5c6272-19b9-71fc-7554-fde323e05983 a5c9de14-4b23-186f-47bf-a3aec1e9e6c3 833d3bfd-bd67-f899-30be-dce36db37214 1a89c79e-d789-c6b2-1dcc-605d1c064171 33194933-a3de-344c-a7e8-8b3c3fea2fc0 ace20d30-3d35-a501-1a05-ace6a0fa4625 cb2b8ece-1ce1-5eb7-15a0-2cd670344eb5 1c5324a8-c69f-dd7a-b7f2-6fd4e2742557 a2066470-e26c-59b5-fe84-cbaa9bada1ba 5ec5d0cb-504c-7903-5500-7dcd98f169cc 5a44041b-4c1a-464e-2a52-8b1ccc32b000 2c9a58c8-4fbb-b51d-8098-1ea18961c37e 40aca056-29fa-5d7f-33a1-505170228261 6083c8a7-c93d-3aa8-95a5-db00fbee2130 7da1d872-4f94-504a-e0a0-25a6c7789cb5 22f37ba9-dc6d-b978-61cd-1bc937dc9a7c bcfe65b5-71dd-6b3b-54a3-2b20d9eca279 a1ee67bb-c3d6-8a2c-1c15-43e5a6bb5a39 ca11a670-e3a5-f8fa-e4d3-612cb5c6b4ed 7d4778ee-2b00-66f9-de9c-1c7840d09cf7 4305c2a8-55a2-a512-6f27-1c6e94e8da61 9d6f634e-960a-855c-63fa-73a43176f1b6 83f5fa10-2d05-9a32-b137-ada3b6b86eba 7e7fb74b-3e05-617f-3eb5-71a9d47cb3cc 3dbdfb57-9fcb-d3e5-159a-f0874bd836d2 7f8d41ef-9328-6db0-d1fe-df29d94932cd e428b882-62a1-3aa7-9ca8-9ae73159209e 22508034-cf35-94a0-7746-5b70443ecfda 1dcd5174-2ba1-4138-1a19-7c62dd8b3411 59a60eb4-49b7-d99e-de40-f9687dd89985 11f191f4-ce53-71b5-45b6-a140df6790aa 5c65ad24-304b-e750-66e3-9f9ebcb96f62 39920368-eb96-af7d-958e-5e926a777856 a878d3d1-3d18-a8f7-99c3-f92fbee6af58 869074c2-6a0b-e38e-da6c-41e2b11068e4 36c32ef0-45c7-16c3-c652-9096b3880438 5a0802c3-3443-3b9f-a4db-281b34583037 5c7b16b8-be15-8fc9-5763-b9e6c5fb99d9 7670a1b9-1748-f06e-13e3-9d4954442070 3237ee8e-3183-4f96-d861-b50ecd776ef8 194e1c74-ccf5-5bd3-3928-c77a9ee10636 ddfc6dc0-3510-9c12-3d12-d61f7785b3b4 7808f5f2-c002-3631-dcc8-849c28aa713d 433e9ed1-4c7a-ce5b-e6f9-de9fa299be84 a2b9f6ee-4a49-acb8-8bb7-cb8ce541939f 33f617df-620f-a9d7-8326-9bd216bb5a9e 1318659b-fb70-37a3-27c4-e776edf3d534 d5beda1d-6443-5e2d-2693-e65c7ec0dba5 9955cd76-6080-2cb7-bdc0-9d40bbb6595e