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 .

618184ba-2f43-7b2a-aa15-63016d452b1f

185bdd24-2986-51c1-484b-71dc7400f4c4

aaacc72a-adaa-985e-19d2-dc84bdf4ddcb

292cda57-1dfb-935b-7fce-12c03722daea

ef43846d-38f1-2f7f-6f58-a8ca448d1cc9

3bcda5c6-b68d-a655-2a34-bb8b75b361e5

29665508-dfb0-f9b7-59a2-b332ed87fe0c

87e9677f-1681-c86c-f229-8e2716865d57

1b8c7c9e-3641-fb6c-8310-83934b932a05

65b8a3c3-72bd-4290-5cd7-9c487d2a53e4

cc4f3046-1ef5-47d8-a9ca-23cbd44e6f54

5f6f4518-a10b-e401-20bb-b9dcca78096b

495ecfed-6135-8f4f-a6be-a7267bc89d27

5a175845-5a71-38b0-c193-7cb07bdc97bb

de0160f8-2294-a04f-b9f4-165a9a17f544

8d187b12-e341-b268-e12d-75a82b0300bf

9991b543-4741-bf3d-3a16-4ef8c0167c80

d1f5d067-7856-6345-5220-12fd4eac09d5

49fc18a3-42d6-49b3-fb0a-8cbb9c849db6

7a11a112-e00d-16ee-349a-ed961d316d7b

cb0f7523-dd3c-9d44-b278-3116352d55f4

770358f9-96e2-3f64-9774-2517c130385d

947140f0-64ee-5547-8145-128ae06eaf44

2ead9185-3126-aaa1-ca80-e483319f80d6

661c3376-a9c0-9c3f-a836-81cb39cc025f

bb0e275d-d869-c5ec-9e92-10354915ef82

7c279291-f115-df22-7f8f-3a32f178e800

40dd9442-ecdd-4b53-938e-490bdb506aad

528df720-4db1-369f-42d5-45936f05dec5

818c4053-b1de-41d5-c55e-2e604f081990

919f5417-15ec-6ef8-87eb-814a7dc60738

eed193d8-ce10-786e-6295-83e879ba7f12

d2334b15-af0a-c991-17ce-4d3393ade3ac

b7a4e034-585b-ce1a-3042-48aba179950e

1e289fb6-a389-6b03-e746-7478c6ed3a3e

dac8486d-1dc7-e6d2-445a-158b2705fc05

d3189cad-b1b5-390d-7047-3aa0527cd853

af3592b2-a5eb-7a45-4094-36577f0ed422

cedf06cc-bc58-3cc1-620e-61e8685cd1a5

746a9060-b698-a2de-6012-31526ebd4674

22fd671b-3af8-f797-70ce-4c302a3a1212

6e4a9fb9-253d-ef59-8ac0-70727211a139

4974842e-be1f-9c80-112a-7fbb4a2afcf9

b6c73ac8-c307-66e4-81eb-6ee937ff5937

583011be-4d6f-d9cf-456a-8954968dcd40

72c5f970-4774-ca0b-7eca-3e745d6184a0

cf432aec-534a-54d9-2200-86b4dcccbb08

60ceaa3b-67ed-4037-fc92-32b42c7c4ec8

174abce8-f664-7047-49ce-bdc085756420

2a7acd74-69ed-176d-95f0-2780810705fa

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%22618184ba-2f43-7b2a-aa15-63016d452b1f%22%7D%2C%7B%22GUID%22%3A%22185bdd24-2986-51c1-484b-71dc7400f4c4%22%7D%2C%7B%22GUID%22%3A%22aaacc72a-adaa-985e-19d2-dc84bdf4ddcb%22%7D%2C%7B%22GUID%22%3A%22292cda57-1dfb-935b-7fce-12c03722daea%22%7D%2C%7B%22GUID%22%3A%22ef43846d-38f1-2f7f-6f58-a8ca448d1cc9%22%7D%2C%7B%22GUID%22%3A%223bcda5c6-b68d-a655-2a34-bb8b75b361e5%22%7D%2C%7B%22GUID%22%3A%2229665508-dfb0-f9b7-59a2-b332ed87fe0c%22%7D%2C%7B%22GUID%22%3A%2287e9677f-1681-c86c-f229-8e2716865d57%22%7D%2C%7B%22GUID%22%3A%221b8c7c9e-3641-fb6c-8310-83934b932a05%22%7D%2C%7B%22GUID%22%3A%2265b8a3c3-72bd-4290-5cd7-9c487d2a53e4%22%7D%2C%7B%22GUID%22%3A%22cc4f3046-1ef5-47d8-a9ca-23cbd44e6f54%22%7D%2C%7B%22GUID%22%3A%225f6f4518-a10b-e401-20bb-b9dcca78096b%22%7D%2C%7B%22GUID%22%3A%22495ecfed-6135-8f4f-a6be-a7267bc89d27%22%7D%2C%7B%22GUID%22%3A%225a175845-5a71-38b0-c193-7cb07bdc97bb%22%7D%2C%7B%22GUID%22%3A%22de0160f8-2294-a04f-b9f4-165a9a17f544%22%7D%2C%7B%22GUID%22%3A%228d187b12-e341-b268-e12d-75a82b0300bf%22%7D%2C%7B%22GUID%22%3A%229991b543-4741-bf3d-3a16-4ef8c0167c80%22%7D%2C%7B%22GUID%22%3A%22d1f5d067-7856-6345-5220-12fd4eac09d5%22%7D%2C%7B%22GUID%22%3A%2249fc18a3-42d6-49b3-fb0a-8cbb9c849db6%22%7D%2C%7B%22GUID%22%3A%227a11a112-e00d-16ee-349a-ed961d316d7b%22%7D%2C%7B%22GUID%22%3A%22cb0f7523-dd3c-9d44-b278-3116352d55f4%22%7D%2C%7B%22GUID%22%3A%22770358f9-96e2-3f64-9774-2517c130385d%22%7D%2C%7B%22GUID%22%3A%22947140f0-64ee-5547-8145-128ae06eaf44%22%7D%2C%7B%22GUID%22%3A%222ead9185-3126-aaa1-ca80-e483319f80d6%22%7D%2C%7B%22GUID%22%3A%22661c3376-a9c0-9c3f-a836-81cb39cc025f%22%7D%2C%7B%22GUID%22%3A%22bb0e275d-d869-c5ec-9e92-10354915ef82%22%7D%2C%7B%22GUID%22%3A%227c279291-f115-df22-7f8f-3a32f178e800%22%7D%2C%7B%22GUID%22%3A%2240dd9442-ecdd-4b53-938e-490bdb506aad%22%7D%2C%7B%22GUID%22%3A%22528df720-4db1-369f-42d5-45936f05dec5%22%7D%2C%7B%22GUID%22%3A%22818c4053-b1de-41d5-c55e-2e604f081990%22%7D%2C%7B%22GUID%22%3A%22919f5417-15ec-6ef8-87eb-814a7dc60738%22%7D%2C%7B%22GUID%22%3A%22eed193d8-ce10-786e-6295-83e879ba7f12%22%7D%2C%7B%22GUID%22%3A%22d2334b15-af0a-c991-17ce-4d3393ade3ac%22%7D%2C%7B%22GUID%22%3A%22b7a4e034-585b-ce1a-3042-48aba179950e%22%7D%2C%7B%22GUID%22%3A%221e289fb6-a389-6b03-e746-7478c6ed3a3e%22%7D%2C%7B%22GUID%22%3A%22dac8486d-1dc7-e6d2-445a-158b2705fc05%22%7D%2C%7B%22GUID%22%3A%22d3189cad-b1b5-390d-7047-3aa0527cd853%22%7D%2C%7B%22GUID%22%3A%22af3592b2-a5eb-7a45-4094-36577f0ed422%22%7D%2C%7B%22GUID%22%3A%22cedf06cc-bc58-3cc1-620e-61e8685cd1a5%22%7D%2C%7B%22GUID%22%3A%22746a9060-b698-a2de-6012-31526ebd4674%22%7D%2C%7B%22GUID%22%3A%2222fd671b-3af8-f797-70ce-4c302a3a1212%22%7D%2C%7B%22GUID%22%3A%226e4a9fb9-253d-ef59-8ac0-70727211a139%22%7D%2C%7B%22GUID%22%3A%224974842e-be1f-9c80-112a-7fbb4a2afcf9%22%7D%2C%7B%22GUID%22%3A%22b6c73ac8-c307-66e4-81eb-6ee937ff5937%22%7D%2C%7B%22GUID%22%3A%22583011be-4d6f-d9cf-456a-8954968dcd40%22%7D%2C%7B%22GUID%22%3A%2272c5f970-4774-ca0b-7eca-3e745d6184a0%22%7D%2C%7B%22GUID%22%3A%22cf432aec-534a-54d9-2200-86b4dcccbb08%22%7D%2C%7B%22GUID%22%3A%2260ceaa3b-67ed-4037-fc92-32b42c7c4ec8%22%7D%2C%7B%22GUID%22%3A%22174abce8-f664-7047-49ce-bdc085756420%22%7D%2C%7B%22GUID%22%3A%222a7acd74-69ed-176d-95f0-2780810705fa%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%2271b45040-a9db-2f33-b673-53e01894252b%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

b89dee54-9c5e-dd1c-d144-29e58487ade0 ef52d794-4b85-5741-2b10-dae0d130fdb9 1352947f-16f0-31ed-91dc-c1a88854e40a 2fb8898a-f224-d128-d6ea-3a09e6bad9e1 a291c40a-8238-f00c-dd34-c4d04b4a0374 15e14b46-8b7c-9d5d-92e5-5ecc14482985 8a846162-7649-eb66-e9f4-abb4da0075f4 d9f72b36-74c9-104e-6dd5-125237b4fdd5 c7b01c6e-6eae-e044-d5ac-c2fe77643ba6 6268dad4-b2d6-ed33-bbe6-ac3c73ec7066 8f335bfa-33bd-abb9-f750-3efbaa6f41a9 f9be5ca0-c1f6-ef1d-3e46-fb31e47b5d04 2c6bc360-81c1-7362-51b5-b45f21de0884 eaff5ff6-a921-7252-cd85-1373e0019802 4283a486-cf19-f2b4-e9d4-66b0bb62b4e7 9ffb4039-80ad-27a3-4c00-944874528671 4cc1113c-f0b5-b560-f3b6-ef943752fa73 cde7cee0-23ae-eea6-7400-6465351b3f8d eacf1667-7276-324b-5fd1-c7871fdcb7f4 4bb98dea-8ca3-bf81-e984-1ed876727190 683456ac-a74a-e30d-4bb0-cc2b5fffc732 2dce665b-aa58-e752-52b8-94f52eb4521c d0382174-3de3-950a-bfab-3b53bc3a79ed b09bfb8e-4993-5e3e-4106-8abdcf59df08 899a044a-447c-3e0e-cc44-8ce48ebcb628 bf169bb8-60cb-88b9-e3d8-9b853b701246 54d56cf5-7fdf-7d34-5946-cba19f252835 ca94cd42-e090-a8c4-b1ce-a4927cbe385e 8eea7807-e78d-b892-f6ba-3ef3bbb0335d c6ce6256-c640-ffaf-8538-b05ad1863674 a42a0367-6a05-546c-49a3-5318cdbbea7c 73e649e7-a1a8-db60-1df7-e90d7ec29564 383c1af4-69cc-ce2d-3700-ccd82ce2c918 7329d40a-67c0-1d69-9202-fe7371cf66cd b8504a27-21ec-3844-ed1e-5869a048946b aaf06afc-644b-16e2-5982-8a2027abe839 cb510833-8d33-6b1a-4e1c-dfb829c012f4 51fc1a4d-63b6-2cac-1f6f-7d2d3082a888 25b586bd-a461-6a19-15c7-71a07ee24a44 88ab3b7a-daf0-82d0-d11f-68a345bbfa50 af429084-e549-b234-b00c-56bf6c412010 dbdc9408-2881-8f54-a0b4-a6b5c0da74f6 5fd920f2-e9a0-5635-57da-ef6546b2bcab 3a0edf15-46ee-a12d-7233-305d1502dd24 94d0d273-8adf-e822-4a84-dd8373efbcee 14fa8b98-be1d-e915-854b-35fba18cf1b6 ec1bc19f-e449-9c41-c550-31f31bc97a9a 79910332-24e5-605f-8b5f-8d974e7cb632 39cda966-260f-d8f0-383b-56fce53e7674 48e58cce-c488-4738-d142-9690739ef2c0