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 .

36d5287e-e49c-c129-1bf2-3ceb314bde40

463b5186-ce89-f8a8-b8b9-66ffeca26c5f

a3d32a37-2cad-3ae1-f5d3-4ae824f47552

8b54b17b-ffbf-4a83-c4ae-164d3c1d6ee1

485fce3c-6089-3ea0-545e-b64763ba544e

1448ff7d-e275-105f-679a-a15974ebf3f0

6bd268f7-a3d7-7c83-37c0-251c8cd0f3b0

232a5090-2fcf-fda8-34a8-6458543b295d

7e81da01-f7a9-66f7-b48c-58789e794bf2

30727a9a-675a-22d3-20e6-60d02e433b88

2373683e-ea58-e41c-f98b-a8de6d7d7f81

bcc26288-507e-a9a3-ce63-a5edb3c0cf50

8defe08c-e52a-b8f0-ee14-cbaf8444e846

e5eca785-2cd9-c64c-4ba1-d0bec9e168aa

84c87c6a-6fe4-1770-97fa-924cb6beed7e

72634e30-af56-2a9f-f49f-31d4ba5274d7

7650a8be-8463-109f-529b-3878814bcc8d

c2d64bc3-69aa-d92e-7974-65239021b7fb

cda7d09b-52a4-795f-eed5-12ef974b06fe

d1c918b5-466c-5139-da91-bee0d913c205

52363222-198e-54cc-d1e5-976144761d40

aae64b30-14c0-2d53-4620-9045522484d0

c7ae2f33-12b0-8910-4636-38002cf1c1c0

6b3e8b86-4441-5035-2f0f-8da4827f4095

8cf8b67c-c360-51fe-3e6e-7f6b66ccdeed

def7bc11-501a-d213-d05c-4d283351acf0

393600ee-6fb6-79be-4652-c6aebeab2a30

9a6653c8-e2e3-4dc3-40b6-a29cd938ba10

dbedad7d-83f0-3d06-2189-c26e5a3af760

a2357963-bfa1-5ade-4fec-f4bb642e3800

b4ddab03-b33e-b20c-682f-82c948843ff8

8a11dbc7-a380-5645-2697-d3c02f4a624b

340a0248-1cc5-d182-b120-9037a5f3671e

58d03402-cc70-5f99-b824-ded462106dca

694226c3-2c4d-97b4-2204-fe6966a79e6b

5e2c46a0-7516-f700-ed5b-36c0989922df

1e847265-f4ba-b6da-70f9-899a61d5819e

96236870-a85d-72f0-982f-e1089bc16ca6

400d3021-bf14-8b64-1b35-a3f0c73ca512

71d74631-d32d-f2de-c4af-c51ce2ecd2ad

1de03d76-ab63-bd59-9e63-9c5f4205f3bc

413c2721-a790-8839-4bcd-cdd02ac79aeb

2306c447-8bd2-d953-e440-9d94a67c4602

90e4fc4a-1538-e12b-728d-356de022c828

a581cf60-c6d9-8874-3717-8230dd4372e1

5755bbe2-d2bd-433b-ee98-ddd448d752f6

77c41b3a-4cdc-6750-f6fa-20b9eb78c3cb

7a7aab7a-3a2b-aa04-ce40-17998ede4dae

c0628a25-ec60-9f56-c86a-35f6e82a48ee

e5ab4449-8141-7cdf-7142-630975289b3c

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%2236d5287e-e49c-c129-1bf2-3ceb314bde40%22%7D%2C%7B%22GUID%22%3A%22463b5186-ce89-f8a8-b8b9-66ffeca26c5f%22%7D%2C%7B%22GUID%22%3A%22a3d32a37-2cad-3ae1-f5d3-4ae824f47552%22%7D%2C%7B%22GUID%22%3A%228b54b17b-ffbf-4a83-c4ae-164d3c1d6ee1%22%7D%2C%7B%22GUID%22%3A%22485fce3c-6089-3ea0-545e-b64763ba544e%22%7D%2C%7B%22GUID%22%3A%221448ff7d-e275-105f-679a-a15974ebf3f0%22%7D%2C%7B%22GUID%22%3A%226bd268f7-a3d7-7c83-37c0-251c8cd0f3b0%22%7D%2C%7B%22GUID%22%3A%22232a5090-2fcf-fda8-34a8-6458543b295d%22%7D%2C%7B%22GUID%22%3A%227e81da01-f7a9-66f7-b48c-58789e794bf2%22%7D%2C%7B%22GUID%22%3A%2230727a9a-675a-22d3-20e6-60d02e433b88%22%7D%2C%7B%22GUID%22%3A%222373683e-ea58-e41c-f98b-a8de6d7d7f81%22%7D%2C%7B%22GUID%22%3A%22bcc26288-507e-a9a3-ce63-a5edb3c0cf50%22%7D%2C%7B%22GUID%22%3A%228defe08c-e52a-b8f0-ee14-cbaf8444e846%22%7D%2C%7B%22GUID%22%3A%22e5eca785-2cd9-c64c-4ba1-d0bec9e168aa%22%7D%2C%7B%22GUID%22%3A%2284c87c6a-6fe4-1770-97fa-924cb6beed7e%22%7D%2C%7B%22GUID%22%3A%2272634e30-af56-2a9f-f49f-31d4ba5274d7%22%7D%2C%7B%22GUID%22%3A%227650a8be-8463-109f-529b-3878814bcc8d%22%7D%2C%7B%22GUID%22%3A%22c2d64bc3-69aa-d92e-7974-65239021b7fb%22%7D%2C%7B%22GUID%22%3A%22cda7d09b-52a4-795f-eed5-12ef974b06fe%22%7D%2C%7B%22GUID%22%3A%22d1c918b5-466c-5139-da91-bee0d913c205%22%7D%2C%7B%22GUID%22%3A%2252363222-198e-54cc-d1e5-976144761d40%22%7D%2C%7B%22GUID%22%3A%22aae64b30-14c0-2d53-4620-9045522484d0%22%7D%2C%7B%22GUID%22%3A%22c7ae2f33-12b0-8910-4636-38002cf1c1c0%22%7D%2C%7B%22GUID%22%3A%226b3e8b86-4441-5035-2f0f-8da4827f4095%22%7D%2C%7B%22GUID%22%3A%228cf8b67c-c360-51fe-3e6e-7f6b66ccdeed%22%7D%2C%7B%22GUID%22%3A%22def7bc11-501a-d213-d05c-4d283351acf0%22%7D%2C%7B%22GUID%22%3A%22393600ee-6fb6-79be-4652-c6aebeab2a30%22%7D%2C%7B%22GUID%22%3A%229a6653c8-e2e3-4dc3-40b6-a29cd938ba10%22%7D%2C%7B%22GUID%22%3A%22dbedad7d-83f0-3d06-2189-c26e5a3af760%22%7D%2C%7B%22GUID%22%3A%22a2357963-bfa1-5ade-4fec-f4bb642e3800%22%7D%2C%7B%22GUID%22%3A%22b4ddab03-b33e-b20c-682f-82c948843ff8%22%7D%2C%7B%22GUID%22%3A%228a11dbc7-a380-5645-2697-d3c02f4a624b%22%7D%2C%7B%22GUID%22%3A%22340a0248-1cc5-d182-b120-9037a5f3671e%22%7D%2C%7B%22GUID%22%3A%2258d03402-cc70-5f99-b824-ded462106dca%22%7D%2C%7B%22GUID%22%3A%22694226c3-2c4d-97b4-2204-fe6966a79e6b%22%7D%2C%7B%22GUID%22%3A%225e2c46a0-7516-f700-ed5b-36c0989922df%22%7D%2C%7B%22GUID%22%3A%221e847265-f4ba-b6da-70f9-899a61d5819e%22%7D%2C%7B%22GUID%22%3A%2296236870-a85d-72f0-982f-e1089bc16ca6%22%7D%2C%7B%22GUID%22%3A%22400d3021-bf14-8b64-1b35-a3f0c73ca512%22%7D%2C%7B%22GUID%22%3A%2271d74631-d32d-f2de-c4af-c51ce2ecd2ad%22%7D%2C%7B%22GUID%22%3A%221de03d76-ab63-bd59-9e63-9c5f4205f3bc%22%7D%2C%7B%22GUID%22%3A%22413c2721-a790-8839-4bcd-cdd02ac79aeb%22%7D%2C%7B%22GUID%22%3A%222306c447-8bd2-d953-e440-9d94a67c4602%22%7D%2C%7B%22GUID%22%3A%2290e4fc4a-1538-e12b-728d-356de022c828%22%7D%2C%7B%22GUID%22%3A%22a581cf60-c6d9-8874-3717-8230dd4372e1%22%7D%2C%7B%22GUID%22%3A%225755bbe2-d2bd-433b-ee98-ddd448d752f6%22%7D%2C%7B%22GUID%22%3A%2277c41b3a-4cdc-6750-f6fa-20b9eb78c3cb%22%7D%2C%7B%22GUID%22%3A%227a7aab7a-3a2b-aa04-ce40-17998ede4dae%22%7D%2C%7B%22GUID%22%3A%22c0628a25-ec60-9f56-c86a-35f6e82a48ee%22%7D%2C%7B%22GUID%22%3A%22e5ab4449-8141-7cdf-7142-630975289b3c%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%22addef4af-6720-97bd-735b-b328d0868fb9%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

83150fe1-b579-fd59-a927-48234f5e514d e6d1b5c5-c29e-2391-470b-dd50cc9f7cbd a7b9cf09-f333-e7f8-7832-9f16d6d6693e 1ce7108a-bf43-a18a-33c1-41906304a3d2 2eb60840-e187-a47a-ec74-fa51b820b090 93b4efde-cca4-75eb-12a6-bc49252692fa af6d95c0-8259-cea1-dfd8-97a86a55edfc 1b7bcd05-8545-ffc7-5c64-e5734ce961c5 c254eb51-8ca7-b9e6-75f0-633d7bfddc45 84d70b80-74c7-43d5-e2f5-cf95e086d401 aa9dbf18-438a-190d-233e-e1d79e37bb81 3ae029c5-84a0-14d4-a37f-8b80ab3bd0cd 833f8694-92ae-1c1c-9e3a-d7639b78c7d8 1646ac8d-6db9-5a80-744d-aa8fa1270f40 84c9e9d0-17c0-5f20-eb6c-cfb3b1ef2ec3 8662e920-9e7c-7c70-3d73-f447de63c7d8 efb053b7-943b-92c4-6cdd-f2d07e0450b1 9c273df7-5f55-4bda-6dfc-dd27efaf22b6 96016284-7c62-bc39-8844-886a212666c8 21568c70-419c-cb75-ec30-167640fed4d1 c56b97cf-4157-6cf6-e456-bcd1e6148332 1f604947-f098-ce7a-4d71-e7b4253638a0 94ad920f-ecd3-6bc4-cbff-c3dfbec815fc 96a0cc1e-2301-e39e-85f5-60e0324f5c9b 13d30be7-63b0-d1c4-5a7a-b50d20dc011f 93bdb9ba-b98a-76a0-952b-3c2f8d771f4c a51e7fb6-5020-16a6-2562-dce34a3f005c c4d8e2c4-6bb3-e25f-7318-5bc5d8932248 c2fa4b41-70a7-c0e0-ae1f-f3c823625b9d 29efab1d-459e-5691-ff7e-fa80b235be8b 91b29ba5-bb75-3a57-8373-71a15acf983f dba37569-6183-9006-d0f1-633018add454 2168885a-9d72-b1f5-5f72-f52559ee41c2 b45447d0-9047-a87b-c788-75c31924586f e03715c0-e3d4-9d20-1c50-43ab55de4b70 ec70758c-9935-f20a-bdb9-d1e28f6f1a83 26290da2-ee51-82f7-52dc-22b91dcbcdd2 c47da34b-345f-cb07-7c60-d601db5bc328 c094e746-c260-5908-a31f-cfdfbbffc70d ee75f624-1b96-3aac-d622-cee2bfbbf120 72f7c748-d662-9756-8d23-defd1aaada30 6649ed0e-bfe3-73c0-746d-beb476b36e45 7cb9e53c-4e9a-83fd-b0a6-a81373f24f39 e433830a-e984-3100-7e4a-8f12da0de88f 2b42e759-1dd5-f37d-68d0-1d00d46f722d 335a3a99-60e3-d395-8448-8d801d754f7c cbb49b83-6bd7-643d-4aa7-f8c31ede4e53 62395dca-b5a9-e819-331b-908373c82016 31e719f9-1c35-4574-ed70-de901b4aea6a 4674e02e-dc00-e1d1-7c90-c53b22362894