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 .

a2352310-f89f-db30-788c-dd2e15285fa1

cb752343-545e-be39-94f3-caa0e2d248dc

aebe4cbe-a1ea-48fa-2636-fcab45f099d6

dfbb5880-5d1f-ef90-db2e-1fab9943de40

db21f6bf-3aed-56a7-f747-965d457882ad

b1483ef1-3714-d1c3-d443-543438a615bc

21cbacf3-982c-3888-49df-28ed22e8d707

9b7b57d8-6ca5-8bcc-aa83-fa8f2f97be1c

45b55ff0-ec29-9ece-4155-297b832d1fc1

68f4dddd-8688-e5bb-facd-695965a83e4b

6a5684bc-1154-4620-3141-a423987e16f6

2fd8c51c-4125-50f1-eae1-194529465dd7

bf845f66-e721-2215-2b4b-709d6ff82956

d4b45ee7-e8ef-9f58-dd8e-b18515ba74d2

7a84c959-f878-8857-32c8-c1739f0f9e8d

6b4498b4-c950-1f86-ffbd-f9dc935a6fed

2c40f14a-e628-ccf2-1420-142b4a0d84b4

e84841cb-73db-b4f6-6c13-32506a8a82c9

3aa4feaf-153f-8bb5-9399-d9666ae53929

8ca0540f-8c3e-fa64-78a9-e12fb3244c2f

9c6bd9bf-4b2d-c579-e632-51876acdf91f

9159535e-7d4c-ad6e-135b-fa049c9f4184

521e8587-9e70-c865-509b-fb64af55b803

2f1fca87-4fb1-e3e9-1565-49d7674a5bc6

b2ac294f-a7a9-d759-3b64-44476ca91e45

845153a4-f853-4497-932a-e2ccbb2819b9

5d6bdb93-bbf0-1c84-9dad-c1e2da960727

657ec555-d348-e739-e0bb-fc9238a99720

730e53f2-9bc5-e433-9bbd-3415cc6cf39b

e134092a-6a8b-67c4-1851-a9ae85bc825c

2fa1d48b-8de5-8070-dd05-ab016bc16492

bce6e278-f4d1-5395-1d1e-b539c4124904

4a37c759-ad7d-2d21-99aa-38b1a8dd298d

d418a7e8-8a87-9188-5a21-e6ef566bb400

a4c39704-af9d-be4f-f377-c9b37617448a

5c36cadf-1a04-bfac-660a-e0586a83a7d8

d013d3da-2aaa-345f-255f-f64be115bd40

401f755a-8c82-7d80-abe0-df507806f2fc

9925dd64-4df7-6e76-1792-b9e021d77439

4d0b13c8-e1df-791d-62af-b6886bcfa761

c5f5005d-a1aa-2976-f14a-1e00a8c05fef

8279c736-fb80-be33-be8b-55009a894345

857b5a2c-d43a-3d5f-3a26-37ac56c09aea

469fe82f-e88a-b1ff-4c59-a4a258e8de08

e302d51d-a000-aa87-e81e-44004109998e

29e2064e-3475-91c2-96fe-e31b45d2d556

9ef6aa06-f123-16d5-5861-7a74bd44db5f

7fe249e3-900e-3de0-a316-62c0bb6dfafa

6e94d033-2959-a818-d586-cb1c89c3c6ce

90d7f6e4-d49a-3e20-800b-accf58c5a59a

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%22a2352310-f89f-db30-788c-dd2e15285fa1%22%7D%2C%7B%22GUID%22%3A%22cb752343-545e-be39-94f3-caa0e2d248dc%22%7D%2C%7B%22GUID%22%3A%22aebe4cbe-a1ea-48fa-2636-fcab45f099d6%22%7D%2C%7B%22GUID%22%3A%22dfbb5880-5d1f-ef90-db2e-1fab9943de40%22%7D%2C%7B%22GUID%22%3A%22db21f6bf-3aed-56a7-f747-965d457882ad%22%7D%2C%7B%22GUID%22%3A%22b1483ef1-3714-d1c3-d443-543438a615bc%22%7D%2C%7B%22GUID%22%3A%2221cbacf3-982c-3888-49df-28ed22e8d707%22%7D%2C%7B%22GUID%22%3A%229b7b57d8-6ca5-8bcc-aa83-fa8f2f97be1c%22%7D%2C%7B%22GUID%22%3A%2245b55ff0-ec29-9ece-4155-297b832d1fc1%22%7D%2C%7B%22GUID%22%3A%2268f4dddd-8688-e5bb-facd-695965a83e4b%22%7D%2C%7B%22GUID%22%3A%226a5684bc-1154-4620-3141-a423987e16f6%22%7D%2C%7B%22GUID%22%3A%222fd8c51c-4125-50f1-eae1-194529465dd7%22%7D%2C%7B%22GUID%22%3A%22bf845f66-e721-2215-2b4b-709d6ff82956%22%7D%2C%7B%22GUID%22%3A%22d4b45ee7-e8ef-9f58-dd8e-b18515ba74d2%22%7D%2C%7B%22GUID%22%3A%227a84c959-f878-8857-32c8-c1739f0f9e8d%22%7D%2C%7B%22GUID%22%3A%226b4498b4-c950-1f86-ffbd-f9dc935a6fed%22%7D%2C%7B%22GUID%22%3A%222c40f14a-e628-ccf2-1420-142b4a0d84b4%22%7D%2C%7B%22GUID%22%3A%22e84841cb-73db-b4f6-6c13-32506a8a82c9%22%7D%2C%7B%22GUID%22%3A%223aa4feaf-153f-8bb5-9399-d9666ae53929%22%7D%2C%7B%22GUID%22%3A%228ca0540f-8c3e-fa64-78a9-e12fb3244c2f%22%7D%2C%7B%22GUID%22%3A%229c6bd9bf-4b2d-c579-e632-51876acdf91f%22%7D%2C%7B%22GUID%22%3A%229159535e-7d4c-ad6e-135b-fa049c9f4184%22%7D%2C%7B%22GUID%22%3A%22521e8587-9e70-c865-509b-fb64af55b803%22%7D%2C%7B%22GUID%22%3A%222f1fca87-4fb1-e3e9-1565-49d7674a5bc6%22%7D%2C%7B%22GUID%22%3A%22b2ac294f-a7a9-d759-3b64-44476ca91e45%22%7D%2C%7B%22GUID%22%3A%22845153a4-f853-4497-932a-e2ccbb2819b9%22%7D%2C%7B%22GUID%22%3A%225d6bdb93-bbf0-1c84-9dad-c1e2da960727%22%7D%2C%7B%22GUID%22%3A%22657ec555-d348-e739-e0bb-fc9238a99720%22%7D%2C%7B%22GUID%22%3A%22730e53f2-9bc5-e433-9bbd-3415cc6cf39b%22%7D%2C%7B%22GUID%22%3A%22e134092a-6a8b-67c4-1851-a9ae85bc825c%22%7D%2C%7B%22GUID%22%3A%222fa1d48b-8de5-8070-dd05-ab016bc16492%22%7D%2C%7B%22GUID%22%3A%22bce6e278-f4d1-5395-1d1e-b539c4124904%22%7D%2C%7B%22GUID%22%3A%224a37c759-ad7d-2d21-99aa-38b1a8dd298d%22%7D%2C%7B%22GUID%22%3A%22d418a7e8-8a87-9188-5a21-e6ef566bb400%22%7D%2C%7B%22GUID%22%3A%22a4c39704-af9d-be4f-f377-c9b37617448a%22%7D%2C%7B%22GUID%22%3A%225c36cadf-1a04-bfac-660a-e0586a83a7d8%22%7D%2C%7B%22GUID%22%3A%22d013d3da-2aaa-345f-255f-f64be115bd40%22%7D%2C%7B%22GUID%22%3A%22401f755a-8c82-7d80-abe0-df507806f2fc%22%7D%2C%7B%22GUID%22%3A%229925dd64-4df7-6e76-1792-b9e021d77439%22%7D%2C%7B%22GUID%22%3A%224d0b13c8-e1df-791d-62af-b6886bcfa761%22%7D%2C%7B%22GUID%22%3A%22c5f5005d-a1aa-2976-f14a-1e00a8c05fef%22%7D%2C%7B%22GUID%22%3A%228279c736-fb80-be33-be8b-55009a894345%22%7D%2C%7B%22GUID%22%3A%22857b5a2c-d43a-3d5f-3a26-37ac56c09aea%22%7D%2C%7B%22GUID%22%3A%22469fe82f-e88a-b1ff-4c59-a4a258e8de08%22%7D%2C%7B%22GUID%22%3A%22e302d51d-a000-aa87-e81e-44004109998e%22%7D%2C%7B%22GUID%22%3A%2229e2064e-3475-91c2-96fe-e31b45d2d556%22%7D%2C%7B%22GUID%22%3A%229ef6aa06-f123-16d5-5861-7a74bd44db5f%22%7D%2C%7B%22GUID%22%3A%227fe249e3-900e-3de0-a316-62c0bb6dfafa%22%7D%2C%7B%22GUID%22%3A%226e94d033-2959-a818-d586-cb1c89c3c6ce%22%7D%2C%7B%22GUID%22%3A%2290d7f6e4-d49a-3e20-800b-accf58c5a59a%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%226589bf6d-92b5-f40e-a220-edd059df8312%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

9695cc68-4c39-e1da-966a-79441e7e54e6 c36f87c7-c1bf-9566-1e1e-9a862cf9c174 63eb20ae-fff4-150a-e4f5-d5ba57450d7c 6c6ce3ac-100e-3394-50a7-a49096869d24 6dcd92f3-b7c2-25ee-36c6-44e9265f9f88 95aa75df-9d9b-29e2-b46c-f3cea4906578 77109850-da3a-5af3-dca5-5660bc20562d 7c7ce0ff-ba26-f1c9-8c8a-1daf99d46da4 8959d392-a89e-e686-67ab-e850e892bb7c 8e7eb936-fae1-4dae-3afd-d934ab9e54a0 13ac610e-68c0-1d83-b765-aa0e6d12585b d6cdee30-95ec-78f3-6c85-a8c0ca0a92b5 71870d60-595f-b8d1-50d4-655883d6489b 2b99806c-27aa-10fd-aaba-1d344508def6 c9f853f0-277d-a165-a60e-87496ab13565 a04d00f8-13b1-1f49-25c0-af54e44f868b 3c986661-4514-8892-7d11-dbfd3f8e2223 3d9b3225-ff5f-e46a-60c3-d3b290906408 6cf6e88d-3c6e-3ba7-803d-5276a0663980 738034ed-2b15-9380-4bc6-40ea89a9b481 82dd1a57-d723-ef4f-751c-b9901e18db06 5d9b5f28-818c-e6ab-4318-9c167e47262f 6fbc82ed-b790-3130-51b4-a122ce4bcd90 b9a39327-9fe7-c9fe-fb8c-b85c13518f6a 22012fa3-2002-d84b-a0ff-363156e70f24 b3efa589-4b82-b666-b7e5-d4e05c27f78d a0bf959a-55c4-91ce-c373-79c482dd9a56 3598bdc0-231a-3462-afb5-a60d2f3963d1 e1c8fda0-85f0-81af-19b1-2fec2e181412 6e0add4a-974c-48ce-3e79-86e98e8ee273 3e2a7a36-4834-6763-dda4-53109e8beef2 3c13b909-dd90-673d-1481-f570160be1dd c9546bdf-e3fa-baab-a95d-b2ef72baba88 a59e65cf-a0db-67e3-e3a1-9b5be90fb186 a769f8c1-342a-19ab-71eb-970c98974b69 29b68eb3-614c-e3c3-adca-568fe392e5f1 541f74c5-55af-a7b9-555c-de64497ed868 81f3c0a4-d78c-18c9-37de-f5766a41d535 cce06530-d0a7-f046-316b-e85813e6bb15 3cd7f059-10c2-cd96-eb32-b7bc7f4adf79 bb8278c1-a5f8-683e-5d75-568d2571a800 e4a85419-470f-bac4-ff07-e56b3439f5d8 96e693c8-e948-d747-87e3-1cababf6eba6 49dc81b2-b68a-598a-10a2-2efc233b051c 96a7bde9-8fb3-ce39-c987-4271dfec0be3 9c892b40-9e80-23c8-3179-26ca38d471d1 bda47f6e-b776-3b03-61d9-334353683de5 9f9cb294-9f6a-90ee-e741-e9084bc7eebb 72b4e544-8cbc-bc29-3669-6789de50f08f 475d87bc-4e93-a4aa-c2dd-fc2e9754ad8b