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 .

2a6993b4-ffec-89c7-4917-14453afe5158

23e90cc2-db17-eb04-9868-c0bd9a8504ea

6f0167b4-887b-8a7e-2f96-6dd318ed5a1c

5cbcf65f-91da-4cab-a299-611da49b6230

2c160dec-8a2c-2c8e-fd75-ee099db820e8

a9134b9c-863a-8235-dce0-530f49a924e6

adc7d884-cd19-9355-78f5-447dc7ff9f67

5beb8075-88e1-6c29-5b13-7f5fadffd560

9efa713d-bed9-5398-5c8a-65c6575a5d13

22458492-5545-6ad3-68c2-385b7e4deb97

b9698181-a7ad-b4bb-7e9f-b7ec1591b1c2

285f417f-5ccb-f5ea-9ce7-b9cecadd7fdd

64fd252f-9bb6-f5c5-4d9b-93e267027f5b

c9706d54-2689-8dfc-7600-6f99b1d41f4b

34c48fb3-5303-e401-53d1-328f8e71511c

b5358746-296e-7440-d241-c4ce2e67ae04

d69ecbbb-22e8-36c1-fa43-ee9f791d30d4

dff60135-f302-a2e1-7b09-279350396ad5

9cbcd450-a13d-5241-d20a-1765b53f74a9

b40112b5-eb97-ffcd-7c6c-60053949731d

2e8ff774-5b84-e2fc-6f5d-becda0f60086

9c248c79-770d-be83-3ebe-ae637bc2d7ae

bcba5d4d-6f2a-f94b-184a-4e8051f9b2f1

6bf333ae-7678-cf65-2e4b-1ab1390cc06e

7eda1940-35d5-b43d-24db-d502b54e9a94

abf52b6f-1d20-4749-d013-8f4a4b785eef

fd093620-a61f-5d32-9527-ef035e6ba8b4

c42dc91f-5ead-3fd0-b733-6ba5951245bb

cce991ec-9443-3dce-6c51-334e88fa4c76

b0ae6268-1200-9881-6a3f-34a246801470

197b618f-5311-70e0-f4c9-26eaa81a0172

5de3db58-9e6e-5e4b-b3c2-7a3f7136bf70

100390f8-bfd5-4869-8c25-ea2289add137

7ea9519e-d2c8-e15e-d5ce-581120b21074

8f625400-ce78-4335-9b9f-72d0565dcac5

1105f70c-1605-f59a-1158-5105e0607820

c39771d0-867d-380d-7937-e9a761d2637b

422708c1-1360-3700-bd07-d9fed916f3cb

b37cce1f-d1be-4365-b459-cd2eb0058232

ece2061d-1778-5899-acda-461cbd2634ff

e9f1f2a9-a89d-be9b-9ffc-175e19e364a0

d287a98c-bdad-fd14-e5b9-39609678cf60

589664f9-41ce-1b39-e255-215250e02d67

bb75fdad-476b-c24c-c3b5-de11e497ddcc

b2ec9efb-fd30-e21a-1a20-95273b55d988

491ac968-9ac0-3e59-e2e7-9a4d2fec4aca

eb6ca072-8f28-8220-14b1-f268bb9a85f3

ee237015-33e6-3d3a-42fb-58cdb27408a9

411bd3ac-6395-3211-6e30-c5f69ab752f4

66c32474-ece4-6105-c80e-124276e8b79c

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%222a6993b4-ffec-89c7-4917-14453afe5158%22%7D%2C%7B%22GUID%22%3A%2223e90cc2-db17-eb04-9868-c0bd9a8504ea%22%7D%2C%7B%22GUID%22%3A%226f0167b4-887b-8a7e-2f96-6dd318ed5a1c%22%7D%2C%7B%22GUID%22%3A%225cbcf65f-91da-4cab-a299-611da49b6230%22%7D%2C%7B%22GUID%22%3A%222c160dec-8a2c-2c8e-fd75-ee099db820e8%22%7D%2C%7B%22GUID%22%3A%22a9134b9c-863a-8235-dce0-530f49a924e6%22%7D%2C%7B%22GUID%22%3A%22adc7d884-cd19-9355-78f5-447dc7ff9f67%22%7D%2C%7B%22GUID%22%3A%225beb8075-88e1-6c29-5b13-7f5fadffd560%22%7D%2C%7B%22GUID%22%3A%229efa713d-bed9-5398-5c8a-65c6575a5d13%22%7D%2C%7B%22GUID%22%3A%2222458492-5545-6ad3-68c2-385b7e4deb97%22%7D%2C%7B%22GUID%22%3A%22b9698181-a7ad-b4bb-7e9f-b7ec1591b1c2%22%7D%2C%7B%22GUID%22%3A%22285f417f-5ccb-f5ea-9ce7-b9cecadd7fdd%22%7D%2C%7B%22GUID%22%3A%2264fd252f-9bb6-f5c5-4d9b-93e267027f5b%22%7D%2C%7B%22GUID%22%3A%22c9706d54-2689-8dfc-7600-6f99b1d41f4b%22%7D%2C%7B%22GUID%22%3A%2234c48fb3-5303-e401-53d1-328f8e71511c%22%7D%2C%7B%22GUID%22%3A%22b5358746-296e-7440-d241-c4ce2e67ae04%22%7D%2C%7B%22GUID%22%3A%22d69ecbbb-22e8-36c1-fa43-ee9f791d30d4%22%7D%2C%7B%22GUID%22%3A%22dff60135-f302-a2e1-7b09-279350396ad5%22%7D%2C%7B%22GUID%22%3A%229cbcd450-a13d-5241-d20a-1765b53f74a9%22%7D%2C%7B%22GUID%22%3A%22b40112b5-eb97-ffcd-7c6c-60053949731d%22%7D%2C%7B%22GUID%22%3A%222e8ff774-5b84-e2fc-6f5d-becda0f60086%22%7D%2C%7B%22GUID%22%3A%229c248c79-770d-be83-3ebe-ae637bc2d7ae%22%7D%2C%7B%22GUID%22%3A%22bcba5d4d-6f2a-f94b-184a-4e8051f9b2f1%22%7D%2C%7B%22GUID%22%3A%226bf333ae-7678-cf65-2e4b-1ab1390cc06e%22%7D%2C%7B%22GUID%22%3A%227eda1940-35d5-b43d-24db-d502b54e9a94%22%7D%2C%7B%22GUID%22%3A%22abf52b6f-1d20-4749-d013-8f4a4b785eef%22%7D%2C%7B%22GUID%22%3A%22fd093620-a61f-5d32-9527-ef035e6ba8b4%22%7D%2C%7B%22GUID%22%3A%22c42dc91f-5ead-3fd0-b733-6ba5951245bb%22%7D%2C%7B%22GUID%22%3A%22cce991ec-9443-3dce-6c51-334e88fa4c76%22%7D%2C%7B%22GUID%22%3A%22b0ae6268-1200-9881-6a3f-34a246801470%22%7D%2C%7B%22GUID%22%3A%22197b618f-5311-70e0-f4c9-26eaa81a0172%22%7D%2C%7B%22GUID%22%3A%225de3db58-9e6e-5e4b-b3c2-7a3f7136bf70%22%7D%2C%7B%22GUID%22%3A%22100390f8-bfd5-4869-8c25-ea2289add137%22%7D%2C%7B%22GUID%22%3A%227ea9519e-d2c8-e15e-d5ce-581120b21074%22%7D%2C%7B%22GUID%22%3A%228f625400-ce78-4335-9b9f-72d0565dcac5%22%7D%2C%7B%22GUID%22%3A%221105f70c-1605-f59a-1158-5105e0607820%22%7D%2C%7B%22GUID%22%3A%22c39771d0-867d-380d-7937-e9a761d2637b%22%7D%2C%7B%22GUID%22%3A%22422708c1-1360-3700-bd07-d9fed916f3cb%22%7D%2C%7B%22GUID%22%3A%22b37cce1f-d1be-4365-b459-cd2eb0058232%22%7D%2C%7B%22GUID%22%3A%22ece2061d-1778-5899-acda-461cbd2634ff%22%7D%2C%7B%22GUID%22%3A%22e9f1f2a9-a89d-be9b-9ffc-175e19e364a0%22%7D%2C%7B%22GUID%22%3A%22d287a98c-bdad-fd14-e5b9-39609678cf60%22%7D%2C%7B%22GUID%22%3A%22589664f9-41ce-1b39-e255-215250e02d67%22%7D%2C%7B%22GUID%22%3A%22bb75fdad-476b-c24c-c3b5-de11e497ddcc%22%7D%2C%7B%22GUID%22%3A%22b2ec9efb-fd30-e21a-1a20-95273b55d988%22%7D%2C%7B%22GUID%22%3A%22491ac968-9ac0-3e59-e2e7-9a4d2fec4aca%22%7D%2C%7B%22GUID%22%3A%22eb6ca072-8f28-8220-14b1-f268bb9a85f3%22%7D%2C%7B%22GUID%22%3A%22ee237015-33e6-3d3a-42fb-58cdb27408a9%22%7D%2C%7B%22GUID%22%3A%22411bd3ac-6395-3211-6e30-c5f69ab752f4%22%7D%2C%7B%22GUID%22%3A%2266c32474-ece4-6105-c80e-124276e8b79c%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%228bac7f5c-309d-f12b-ab55-259268c3571c%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

b2a4401c-6645-2a03-53dd-da8220dd6c3d 82b94596-8129-7d98-aaa2-7fd0a54d7a60 95233b60-5af1-ca1e-e0b6-55743e017244 99a5135a-a131-db70-58f6-2f08ea56bf4c 2b529d9e-af11-4167-b1c2-761aacfc79ea 393cb2bf-843d-c39a-47af-c750a541c743 8568a130-aabc-edd2-2de8-f8b1a93c2b72 5174e7c0-fd30-a199-3378-b0f218e78596 2faf98ab-8b4a-4b6c-dbb0-ca064bb44c38 c3cf3ee2-2c77-4849-3b42-d822587e062c 3e051a20-4b85-2ffe-f1c5-6115b1dc3398 ef8a3919-215f-c15d-f1f3-f216e2647ede 37e4fc91-f1cf-d1fc-4970-9a5d3d184800 ddbcc291-c7ae-df69-2503-f0aeeffb6fe0 472a1cf0-885d-8750-6953-a9f54a0218f0 76794d02-d57e-83c8-97fa-a7b8bba7c0f0 70ae36c5-db8c-6260-5ebd-d8dc7d6a7a94 cc4a4c7e-8c8a-1d40-5854-4d8e10c77164 17a53a50-a760-3489-5963-8048ab9535a3 aa9f841f-2a57-e3fe-803d-af70b474d932 245f86fc-d4b5-a77f-6518-c1505687e9f3 d540d693-925d-7905-1644-24ee64412721 591abe73-4b0a-9519-2953-b3433a65b67e 46c0f1cc-565d-76a9-fa94-ad6071d777ef b0ee7dfe-629e-e5f3-35f9-214d34cce7d1 1dc28506-8732-fe87-723f-1d496bab7390 e825a304-a1fd-b7ba-c1b1-555acd80b81d b25145f8-cdcc-624b-a40c-924d1e28a590 1953f4e5-2a40-ed5b-e9bd-bb4c8bb4e21a 619cac84-e70c-2b9f-e51d-92ffcf0e819d c227d9a3-2b5c-685e-bef3-f648c9714ded 753dcef6-f8f1-400d-a1db-babd9d2035b4 6ba8edf6-7be5-9dfa-b2e3-ab909b684d44 c9a34196-7552-f93e-89a2-a1531d495e50 c0272a69-6f54-cc31-f0b9-1ad98e31658d 4b603290-7f30-50e6-319e-c1fc41b1cc56 e7ae07c0-d8d0-bf18-7316-25424a6bd111 13eda4b7-bb72-e130-1cb0-6ba5bebdeafc 5a8d9ac8-c889-1f00-9813-84006e718fa8 8d3c97fc-4ad0-96c0-c53f-b3278f10e228 dfebe36c-d600-ac2b-4752-5e4ce91696f0 529c1ba5-8e87-a085-2100-7a1f620092e2 9210fc36-c4a9-eba8-f046-e6384e975e00 e9c96f33-fb19-4aa3-cb0b-d18ec34e89b3 39f860ae-d9dd-1990-11ef-15513330d190 5fa4ad7a-b000-1091-9890-6718199f36f8 d94a590e-288a-a244-ecd8-84816fb53cdc 900e3f36-aa86-2048-edbb-9a255578fb65 6e698552-1448-bbb5-826c-cb5a22815b20 e0b68e42-4649-8fdf-4b30-79f0c7d65fc5