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 .

3cccb783-d447-63d1-a8c4-c58f1be5135e

4e4bf815-ddcc-e36b-a919-fdd219459550

8b20768f-5aaa-fb47-4c0e-3bb05d003d1f

b790e38f-7893-5da7-5e5f-60994bd0ff6b

9affc984-7383-5118-69a8-f0a0ea12fe47

ff52c530-a129-8b71-dd78-19d6acbf7262

9f7ae8ce-dec1-9ed8-a8e6-6524d7b0dd00

edc9e2a1-e4ad-72a3-d709-95b934d399b7

734603d4-1703-4e60-95bd-c759b8b0644b

1a43f0f9-836e-9a86-7ed4-92c464819d70

a4330ac4-117b-fe03-700e-f50bb05119e2

e401b633-fd8a-c456-f897-4f198a005d2b

4cc3319d-73cb-a57d-1600-caf74e956929

e9740240-f870-9393-acfa-dd3721470a62

481b0104-2131-2c20-53e9-a1d618f758cd

6ceecdaf-5105-b2e6-a388-b4a27dd5c381

d7a9c705-acb1-c818-dfc9-fa409f92a9ee

d0c43e4c-58f8-917c-4b73-f6993ed73b7c

a8eb292d-3268-38f5-6a68-ae5c162ae8c3

a72383c6-e770-23a0-7c44-ac80cd927614

d78f1174-704f-6d85-2292-8d1f81a0f8c1

4bf588d3-3b3b-e2bc-78bc-652de23366f7

dfb11de1-706e-6a50-ade0-4d42cc70e25d

46f410d6-7cac-d90a-a6d8-81088befdc4a

a2d2df2e-5200-64bb-f480-afd1da727d50

910027ae-708a-788e-431f-e7e860d42d8f

bc3a8a11-6fe7-a10d-b38c-cc7d7f87ab82

5c3b20a6-29cf-124e-6a25-422678465527

e7eadd28-f30c-54c7-e33e-54b8e65016d7

eac8289a-a751-fca9-e359-f56449d44db7

5249fb9d-c592-f423-169c-f35447026ed0

8524735e-8e0d-cd9e-1a7b-9a375e284225

ed532e35-fef0-ca74-8675-18d79c2741a9

91e070e2-1de2-d9f0-630d-11104a4e4e62

a4012fc1-87df-9289-3645-e78d255aaea2

364d7b32-919d-b809-407d-33f29d9e5eb4

4e2249b2-2fce-2915-2d9c-84c1c73a5276

3429f010-14cb-7ac5-1166-6af42256ce10

cb02dd88-34e7-fbbb-237c-fb7352aafa68

aeeb684c-31d0-1f3c-f69e-d87dca079024

ac9baf1d-e60a-e2c0-38fa-cc3e2ca7ac98

440fd076-47c0-e37f-29a6-aaedef9a3dde

6e02b387-87cf-84d5-ee86-bf4e48fdd241

7afeee69-8cee-f14b-6ec0-53cca8ad912c

461a3686-8600-124b-5e0d-fbc1d4340314

586fbbe8-557b-c6e7-e860-b133bd4b0960

b232e879-dd90-ec27-8903-a813d81d3ade

a23ffd3d-2122-35b6-f714-4a1034c2ada2

86133dab-9118-b1f8-e370-a6117d020011

3497474a-a180-7c0b-4065-1d279b3a8380

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%223cccb783-d447-63d1-a8c4-c58f1be5135e%22%7D%2C%7B%22GUID%22%3A%224e4bf815-ddcc-e36b-a919-fdd219459550%22%7D%2C%7B%22GUID%22%3A%228b20768f-5aaa-fb47-4c0e-3bb05d003d1f%22%7D%2C%7B%22GUID%22%3A%22b790e38f-7893-5da7-5e5f-60994bd0ff6b%22%7D%2C%7B%22GUID%22%3A%229affc984-7383-5118-69a8-f0a0ea12fe47%22%7D%2C%7B%22GUID%22%3A%22ff52c530-a129-8b71-dd78-19d6acbf7262%22%7D%2C%7B%22GUID%22%3A%229f7ae8ce-dec1-9ed8-a8e6-6524d7b0dd00%22%7D%2C%7B%22GUID%22%3A%22edc9e2a1-e4ad-72a3-d709-95b934d399b7%22%7D%2C%7B%22GUID%22%3A%22734603d4-1703-4e60-95bd-c759b8b0644b%22%7D%2C%7B%22GUID%22%3A%221a43f0f9-836e-9a86-7ed4-92c464819d70%22%7D%2C%7B%22GUID%22%3A%22a4330ac4-117b-fe03-700e-f50bb05119e2%22%7D%2C%7B%22GUID%22%3A%22e401b633-fd8a-c456-f897-4f198a005d2b%22%7D%2C%7B%22GUID%22%3A%224cc3319d-73cb-a57d-1600-caf74e956929%22%7D%2C%7B%22GUID%22%3A%22e9740240-f870-9393-acfa-dd3721470a62%22%7D%2C%7B%22GUID%22%3A%22481b0104-2131-2c20-53e9-a1d618f758cd%22%7D%2C%7B%22GUID%22%3A%226ceecdaf-5105-b2e6-a388-b4a27dd5c381%22%7D%2C%7B%22GUID%22%3A%22d7a9c705-acb1-c818-dfc9-fa409f92a9ee%22%7D%2C%7B%22GUID%22%3A%22d0c43e4c-58f8-917c-4b73-f6993ed73b7c%22%7D%2C%7B%22GUID%22%3A%22a8eb292d-3268-38f5-6a68-ae5c162ae8c3%22%7D%2C%7B%22GUID%22%3A%22a72383c6-e770-23a0-7c44-ac80cd927614%22%7D%2C%7B%22GUID%22%3A%22d78f1174-704f-6d85-2292-8d1f81a0f8c1%22%7D%2C%7B%22GUID%22%3A%224bf588d3-3b3b-e2bc-78bc-652de23366f7%22%7D%2C%7B%22GUID%22%3A%22dfb11de1-706e-6a50-ade0-4d42cc70e25d%22%7D%2C%7B%22GUID%22%3A%2246f410d6-7cac-d90a-a6d8-81088befdc4a%22%7D%2C%7B%22GUID%22%3A%22a2d2df2e-5200-64bb-f480-afd1da727d50%22%7D%2C%7B%22GUID%22%3A%22910027ae-708a-788e-431f-e7e860d42d8f%22%7D%2C%7B%22GUID%22%3A%22bc3a8a11-6fe7-a10d-b38c-cc7d7f87ab82%22%7D%2C%7B%22GUID%22%3A%225c3b20a6-29cf-124e-6a25-422678465527%22%7D%2C%7B%22GUID%22%3A%22e7eadd28-f30c-54c7-e33e-54b8e65016d7%22%7D%2C%7B%22GUID%22%3A%22eac8289a-a751-fca9-e359-f56449d44db7%22%7D%2C%7B%22GUID%22%3A%225249fb9d-c592-f423-169c-f35447026ed0%22%7D%2C%7B%22GUID%22%3A%228524735e-8e0d-cd9e-1a7b-9a375e284225%22%7D%2C%7B%22GUID%22%3A%22ed532e35-fef0-ca74-8675-18d79c2741a9%22%7D%2C%7B%22GUID%22%3A%2291e070e2-1de2-d9f0-630d-11104a4e4e62%22%7D%2C%7B%22GUID%22%3A%22a4012fc1-87df-9289-3645-e78d255aaea2%22%7D%2C%7B%22GUID%22%3A%22364d7b32-919d-b809-407d-33f29d9e5eb4%22%7D%2C%7B%22GUID%22%3A%224e2249b2-2fce-2915-2d9c-84c1c73a5276%22%7D%2C%7B%22GUID%22%3A%223429f010-14cb-7ac5-1166-6af42256ce10%22%7D%2C%7B%22GUID%22%3A%22cb02dd88-34e7-fbbb-237c-fb7352aafa68%22%7D%2C%7B%22GUID%22%3A%22aeeb684c-31d0-1f3c-f69e-d87dca079024%22%7D%2C%7B%22GUID%22%3A%22ac9baf1d-e60a-e2c0-38fa-cc3e2ca7ac98%22%7D%2C%7B%22GUID%22%3A%22440fd076-47c0-e37f-29a6-aaedef9a3dde%22%7D%2C%7B%22GUID%22%3A%226e02b387-87cf-84d5-ee86-bf4e48fdd241%22%7D%2C%7B%22GUID%22%3A%227afeee69-8cee-f14b-6ec0-53cca8ad912c%22%7D%2C%7B%22GUID%22%3A%22461a3686-8600-124b-5e0d-fbc1d4340314%22%7D%2C%7B%22GUID%22%3A%22586fbbe8-557b-c6e7-e860-b133bd4b0960%22%7D%2C%7B%22GUID%22%3A%22b232e879-dd90-ec27-8903-a813d81d3ade%22%7D%2C%7B%22GUID%22%3A%22a23ffd3d-2122-35b6-f714-4a1034c2ada2%22%7D%2C%7B%22GUID%22%3A%2286133dab-9118-b1f8-e370-a6117d020011%22%7D%2C%7B%22GUID%22%3A%223497474a-a180-7c0b-4065-1d279b3a8380%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%22c229d621-92e9-9c0c-8b80-65f65cf50eb8%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%5D

15ebcdb7-e9e6-9f5c-c6b8-617db04b5dc0 1151f480-8344-8be0-2891-efa06d950d5a 25a7d149-fd64-6623-c565-5c9842e4312a bcbbd855-363f-ef42-97ad-7a7b80e37292 cdfdda4f-2cc8-a5f0-1929-3bd969f44cb6 792d7a27-f491-1b42-2f50-8e7f35d6e1cf b3c27708-99d8-e032-42fc-8f4ee78bdec1 c4d81689-70dc-fd7c-8992-f0023bfae474 cdc69a7f-2154-68b3-ac78-89298bf8c19b 7bde0f90-3e77-1d21-2296-62ac524b4d66 b7ff258e-6a9f-b470-d3e3-73bb92f027cd cd436f3b-5779-b444-69e3-3df39138b562 14021e0b-ca27-1432-2779-8e6b1cc1073e 303bb1a8-80fb-f7c0-9489-63de16ac9415 bbefb29e-82ae-9a24-e702-d4942476e90a 1ffc22e9-7cec-52ca-5418-7f8f6e7623bf 2a7c2f84-3cee-ffe4-9f9e-fb72ea872524 ba786a6c-eb0d-5ec4-285b-4acaa1d1016d 7c421c58-9dcc-c41c-3638-90be344e31b3 738770f2-8d62-fb2f-fd6d-dc492d4eeeb9 76ce55fb-30a9-cf27-9b05-a26033b9cb14 564bb513-bfca-88d6-efdd-6043aa076038 7b626c20-e135-11c4-d54e-87e194acdb76 4457b519-9eec-7cf6-8804-f01049b1032e 3231a649-db5c-f6d5-4d1c-936083da06c4 4a98d4d6-f325-85c3-63b7-cb318d646500 41ebeac5-13c2-7d9b-ea9c-f9cf1900d97e c003ba80-9f90-3547-88da-87ff417a26ab d92cc28b-6c84-3c00-3d08-6f00312755e0 55613f13-b77e-6f6f-9565-ab7bbd98a5f6 e24bb3c9-b820-7940-5699-de0db60d9a54 a3a90a61-f350-eeb5-ee2f-a49024bb15c8 74ac2e69-9a7a-1b79-5533-675ca8b348fb deca5ad4-51ac-aa80-5da0-c543407fc802 436e4e10-854a-47c6-9266-10bd60617699 144f368f-8442-fe62-1e9e-f56c792cb809 76655653-ff69-6c78-9a55-d040c3b33554 75b3c2ae-9978-6c2c-e46a-1a24553ad06b 2572312b-2280-9f29-a191-3e8d808a6139 8525acd3-4922-95a8-a91b-4e9f829aec0d d4e1325f-156a-8901-a3af-f0b6330a6201 565ecfe7-ee80-c31f-8b61-dccac0e509c2 616f24d7-8950-40ee-56df-674675896468 491d9435-b34e-3b7a-91a2-9e18603c689c 81f07bbf-8c80-307f-1f44-26ff1fbd4936 eccc7696-7747-b87b-33ab-a87332a6fc22 accc3bad-145a-b768-5086-b3029460116b 1e688278-e73d-4ce8-1d17-8f5d6989fd12 3bc98165-ec50-3c7c-557c-eb52a1168580 d8c7e82c-de96-1287-b953-c1e38d82ebe2