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 .

cb341130-2323-e64a-4e64-aba54238f710

ebae351e-d16a-2e99-230a-6aee9d8e0a19

4668d3d3-6a9f-e8e1-dc81-c2ab6ace9324

d6c1e506-49d1-8c57-c897-6bcbc0936de8

83c01083-7f87-c485-ab4f-4f186bef0154

4d0a412f-c18b-1c72-a2e2-3279a3142e38

2746030a-f341-80b0-9cb5-8ab0d0647d5f

61010ad0-82e0-5c30-fc38-a73fa46a8558

9098862c-9758-40f9-c5a9-6584199eec48

40abad14-3f85-e3c9-2531-951945dbd000

cd567275-c746-51e9-8850-1584b9d4e414

531294ff-9594-96e7-2f8f-d28183479fef

2115ed3f-dd21-b90e-d4d8-189d9104901e

64c2be25-9281-fb3a-51d5-9a6d38befda9

91b26c2c-71a9-7452-27cf-38b6b38c0dfc

40c5e780-1e7a-f24d-5737-72154e72fbe7

df8da5d6-e93e-acd7-aafd-7a85acae746d

630989c4-3d72-eaf9-a67e-1eb230ef51fe

ec5e7730-c773-f2e4-286b-b861bb85d500

8c857e2e-5b7a-b41a-483b-3821e1a5b406

30d33343-1d51-b3ae-f52e-962075f37a7f

26c019a9-cc0e-54cd-3f4a-ff0cb573c896

40d433dc-fe64-2f04-791a-5ec57fb02dc3

9eb2cef6-af24-7d00-5a30-10c4cdd98485

79eb5b87-2ca2-ff83-4a93-946b2fc621ba

c5357e58-90aa-b0cc-fb19-dab250ce5fb6

c218030e-6bcc-382b-2470-d289a7bb95d8

9b3e4680-1ad6-6a69-cb23-e850d3873c75

27d24569-ff78-7f77-16f9-d1c7e224b460

641578eb-fdf9-6523-945d-c3a78942f9e6

aec1b3ef-1340-b4f6-fbe3-3d00ac17b62c

83985407-6ef9-b892-c8b1-45d9eb7a8671

8a4cd2b9-c48d-ba49-d74d-137a14d4f5b2

54e65ee4-c299-2e6b-e8e5-6577e0ca827f

ad406930-f8c0-84b3-70f2-efba21987cd2

b800f6a0-cf35-7381-5dd5-4cc24ef12882

664c3870-26fb-4528-fcc6-826f204d7356

82c92def-eb95-70a0-670d-e47c7073e5e7

479052ca-7bfe-eaaa-4761-f0997978baf3

cdc16ad9-f3e4-c5bc-a35f-7b531b354ee1

3f6b5766-7c30-acea-b1a0-f04f752916d1

40d5be10-b680-ed22-44ad-4030e15f8e7a

6f6c587c-d161-c3be-a8a0-b5cc25188e60

e3b82448-24fe-2200-8bf3-42d870932000

6b22dcbf-b280-cbc0-45a1-6105bf42f09a

7b08edc1-ec54-a4d6-a39b-1c68986c755e

43de62f6-6df0-77c1-883b-72306f91b738

af7c8799-9c60-9653-6fa5-e597a4a4f3b0

73f8cd7c-4f68-7519-40e7-7cfd4eb2f144

464d83c0-e219-c7df-6d01-3bd167483bdc

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%22cb341130-2323-e64a-4e64-aba54238f710%22%7D%2C%7B%22GUID%22%3A%22ebae351e-d16a-2e99-230a-6aee9d8e0a19%22%7D%2C%7B%22GUID%22%3A%224668d3d3-6a9f-e8e1-dc81-c2ab6ace9324%22%7D%2C%7B%22GUID%22%3A%22d6c1e506-49d1-8c57-c897-6bcbc0936de8%22%7D%2C%7B%22GUID%22%3A%2283c01083-7f87-c485-ab4f-4f186bef0154%22%7D%2C%7B%22GUID%22%3A%224d0a412f-c18b-1c72-a2e2-3279a3142e38%22%7D%2C%7B%22GUID%22%3A%222746030a-f341-80b0-9cb5-8ab0d0647d5f%22%7D%2C%7B%22GUID%22%3A%2261010ad0-82e0-5c30-fc38-a73fa46a8558%22%7D%2C%7B%22GUID%22%3A%229098862c-9758-40f9-c5a9-6584199eec48%22%7D%2C%7B%22GUID%22%3A%2240abad14-3f85-e3c9-2531-951945dbd000%22%7D%2C%7B%22GUID%22%3A%22cd567275-c746-51e9-8850-1584b9d4e414%22%7D%2C%7B%22GUID%22%3A%22531294ff-9594-96e7-2f8f-d28183479fef%22%7D%2C%7B%22GUID%22%3A%222115ed3f-dd21-b90e-d4d8-189d9104901e%22%7D%2C%7B%22GUID%22%3A%2264c2be25-9281-fb3a-51d5-9a6d38befda9%22%7D%2C%7B%22GUID%22%3A%2291b26c2c-71a9-7452-27cf-38b6b38c0dfc%22%7D%2C%7B%22GUID%22%3A%2240c5e780-1e7a-f24d-5737-72154e72fbe7%22%7D%2C%7B%22GUID%22%3A%22df8da5d6-e93e-acd7-aafd-7a85acae746d%22%7D%2C%7B%22GUID%22%3A%22630989c4-3d72-eaf9-a67e-1eb230ef51fe%22%7D%2C%7B%22GUID%22%3A%22ec5e7730-c773-f2e4-286b-b861bb85d500%22%7D%2C%7B%22GUID%22%3A%228c857e2e-5b7a-b41a-483b-3821e1a5b406%22%7D%2C%7B%22GUID%22%3A%2230d33343-1d51-b3ae-f52e-962075f37a7f%22%7D%2C%7B%22GUID%22%3A%2226c019a9-cc0e-54cd-3f4a-ff0cb573c896%22%7D%2C%7B%22GUID%22%3A%2240d433dc-fe64-2f04-791a-5ec57fb02dc3%22%7D%2C%7B%22GUID%22%3A%229eb2cef6-af24-7d00-5a30-10c4cdd98485%22%7D%2C%7B%22GUID%22%3A%2279eb5b87-2ca2-ff83-4a93-946b2fc621ba%22%7D%2C%7B%22GUID%22%3A%22c5357e58-90aa-b0cc-fb19-dab250ce5fb6%22%7D%2C%7B%22GUID%22%3A%22c218030e-6bcc-382b-2470-d289a7bb95d8%22%7D%2C%7B%22GUID%22%3A%229b3e4680-1ad6-6a69-cb23-e850d3873c75%22%7D%2C%7B%22GUID%22%3A%2227d24569-ff78-7f77-16f9-d1c7e224b460%22%7D%2C%7B%22GUID%22%3A%22641578eb-fdf9-6523-945d-c3a78942f9e6%22%7D%2C%7B%22GUID%22%3A%22aec1b3ef-1340-b4f6-fbe3-3d00ac17b62c%22%7D%2C%7B%22GUID%22%3A%2283985407-6ef9-b892-c8b1-45d9eb7a8671%22%7D%2C%7B%22GUID%22%3A%228a4cd2b9-c48d-ba49-d74d-137a14d4f5b2%22%7D%2C%7B%22GUID%22%3A%2254e65ee4-c299-2e6b-e8e5-6577e0ca827f%22%7D%2C%7B%22GUID%22%3A%22ad406930-f8c0-84b3-70f2-efba21987cd2%22%7D%2C%7B%22GUID%22%3A%22b800f6a0-cf35-7381-5dd5-4cc24ef12882%22%7D%2C%7B%22GUID%22%3A%22664c3870-26fb-4528-fcc6-826f204d7356%22%7D%2C%7B%22GUID%22%3A%2282c92def-eb95-70a0-670d-e47c7073e5e7%22%7D%2C%7B%22GUID%22%3A%22479052ca-7bfe-eaaa-4761-f0997978baf3%22%7D%2C%7B%22GUID%22%3A%22cdc16ad9-f3e4-c5bc-a35f-7b531b354ee1%22%7D%2C%7B%22GUID%22%3A%223f6b5766-7c30-acea-b1a0-f04f752916d1%22%7D%2C%7B%22GUID%22%3A%2240d5be10-b680-ed22-44ad-4030e15f8e7a%22%7D%2C%7B%22GUID%22%3A%226f6c587c-d161-c3be-a8a0-b5cc25188e60%22%7D%2C%7B%22GUID%22%3A%22e3b82448-24fe-2200-8bf3-42d870932000%22%7D%2C%7B%22GUID%22%3A%226b22dcbf-b280-cbc0-45a1-6105bf42f09a%22%7D%2C%7B%22GUID%22%3A%227b08edc1-ec54-a4d6-a39b-1c68986c755e%22%7D%2C%7B%22GUID%22%3A%2243de62f6-6df0-77c1-883b-72306f91b738%22%7D%2C%7B%22GUID%22%3A%22af7c8799-9c60-9653-6fa5-e597a4a4f3b0%22%7D%2C%7B%22GUID%22%3A%2273f8cd7c-4f68-7519-40e7-7cfd4eb2f144%22%7D%2C%7B%22GUID%22%3A%22464d83c0-e219-c7df-6d01-3bd167483bdc%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%22cc36dd53-a431-c1dc-6d5e-38f741c1d393%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

19a0b7fe-4acb-300c-11d9-aebf7958a02e 7691f236-5aa8-56d5-b548-f281468675e7 47071bd1-2f3a-a4ed-8a90-8b48ad1f1fdd c28ab720-e13e-d249-1b75-6bdc2df12195 28449d59-786c-1af0-7e8f-9f8410c6dac6 1a577bf4-6b4d-487f-33f1-742ba4aa2a24 157b7cba-5fda-2ed1-d96f-3f9769077204 44626bb6-50e6-ae7b-a151-e3b22a22bd9f c522916e-4eae-6bcd-dd99-93a66ff0f81f 69e96dba-fbd5-42f7-8e53-f61fd4cb23eb 68f7dc05-cc6a-b0aa-a527-59588960c869 3949ec07-b7b5-bb73-3ad4-3686d3e74a0e a4688fd5-1d04-109c-6c32-3b8b7976129c 3d63c69d-e1e5-2c30-8a20-2eaf5fe5e678 2d56f27e-a6c6-3a44-b590-9ca6d95e47c2 cc56707a-4461-b840-f26f-f0c9d80f16ff bb42ee5d-a45c-16c0-7a80-949de151c3a5 7f5d5495-6c60-12e2-e887-6b3a4a9c016e 61465b7a-46fd-21cb-6403-1f09bf072dfb 42f0153f-f706-921b-980b-bd6339f44421 c4d0e6c3-8c33-3034-1c19-d12bbe1b986d b3d23882-5268-8e31-d8a0-c3dc5d2b8fe8 28a9ba50-2197-a208-242a-9028180eb771 5ef71e7c-1854-903c-d543-e5c980f72b86 8e4ebfcc-bccb-22aa-7fcc-1d3ad76aae68 a29fa44c-66c5-3435-336a-a990d29e597b 2a5359f8-40bc-ed72-8af7-6f15924da887 6e8ec273-ccd8-a052-bdfb-81975539f94f 46d36cc6-3d37-da97-557d-b1808c155f21 770f03cf-e900-6684-2636-3f368171ee7b 573cf813-2e96-5988-c497-3041690d16c0 aa016481-8875-a23d-19d5-10ad4690234a b3da7cfc-1c30-9f4c-f7d2-ec902003f152 c1beac44-594a-6c35-cf1c-6bbce567b165 b48202c5-1a0e-e2b8-6ba6-8232d28470b9 5b91b41c-9c9b-d552-cbeb-4b1063833ad8 cafcc08e-4936-c9e1-7711-b3c6e9d7053b 49b600ed-4e08-d45a-10f1-2570d96595fa 84d8a6ef-1358-2429-3619-ee88ca37ec2d 90fe0668-e8e1-71d7-7146-82ff996111eb c2cd6876-54c1-907a-500a-633d68191115 1087c0ed-e29b-ddd4-1510-668773a891b4 ee59b039-3bef-5b0c-eff4-e270aab25c60 652a0717-874f-e988-6985-82cfd703eaf1 308fd7e4-e7b8-3922-c8eb-37ce15d3eaae 937f45e8-542f-9af5-6dde-a49e23337099 57e0a347-f648-7247-8b90-6ce08bfc93b9 57ace8af-1820-6305-4c65-3fcce95ef45e da57223f-f94b-ceb8-e83d-be6eb1b35089 d259b9f0-af6d-a333-45ce-99241b25b208