Description

This example shows how to add objects to jqmPage, the source is included in jqmPhp Package.

live demo

Source Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96

<?php
 /**
 * Example 3 - Adding Objects
 * @package jqmPhp
 * @filesource
 */
 
 /**
 * Include the jqmPhp class.
 */
 include 'lib/jqmPhp.php';
 
 /**
 * Create a new jqmPhp object.
 */
 $j = new jqmPhp();
 
 /**
 * Config 'html' and 'head' tag.
 */
 $j->html()->doctype('html');
 $j->head()->title('Example 3');
 $j->head()->css('http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css');
 $j->head()->jq('http://code.jquery.com/jquery-1.4.4.min.js');
 $j->head()->jqm('http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js');
 $j->head()->add(new jqmLink('css/custom.css'));         // Adding a custom CSS.
 $j->head()->add(new jqmScript('js/custom.js'));         // Adding a custom JavaScript.
 //$j->body()->attribute('onload', 'initCustom();');     // Adding a custom attribute to 'body' tag.
 
 /**
 * Create and config a jqmPage object.
 * Most methods return the object itself allowing call
 * another method on the object in sequence.
 */
 $p = new jqmPage('example-3');
 $p->theme('b')
 ->title('Example 3')
 ->header()->addButton('Example 2', 'example-2.php#', 'a', 'arrow-l')
 ->addButton('Example 4', 'example-4.php#', 'b', 'arrow-r')
 ->theme('a');
 /**
 * addContent() is alias to content()->add().
 */
 $p->content()->add('<h1>Adding Objects</h1>');
 $p->addContent('<h3>Controlgroup and Buttons</h3>');
 /**
 * Create and config a new jqmControlgroup object and add items.
 * Most methods of addition have the last parameter $returnAdded.
 * If it is set to 'true' the added object is returned, otherwise
 * the object that called the method is returned.
 */
 $cg = $p->content()->add(new jqmControlgroup(), true);
 $cg->dataType('vertical');
 $cg->add(new jqmButton('', '', '', 'b', 'example-1.php#', 'Example 1', 'arrow-l', false));
 $cg->add(new jqmButton('', '', '', 'b', 'example-2.php#', 'Example 2', 'arrow-l', false));
 $cg->add(new jqmButton('', '', '', 'b', '#', 'Example 3', 'check', true));
 $cg->add(new jqmButton('', '', '', 'b', 'example-4.php#', 'Example 4', 'arrow-r', false));
 $cg->add(new jqmButton('', '', '', 'b', 'example-5.php#', 'Example 5', 'arrow-r', false));
 
 /**
 * Create and config a new jqmCollapsible object and add items.
 */
 $p->addContent('<h3>Collapsible</h3>');
 $cp = $p->addContent(new jqmCollapsible(), true);
 $cp->title('Collapsible')->collapsed(true)->add('<p>Collapsed Text.</p>')->theme('a');
 
 /**
 * Create and config a new jqmGrid object and add items.
 */
 $p->addContent('<h3>Grid</h3>');
 $g = $p->addContent(new jqmGrid(), true);
 $g->grid('b'); //Sets the grid type (class="ui-grid-b").
 $g->blockA()->add('Column A (ui-block-a)')->add(new jqmButton('', '', '', 'd', 'example-1.php#', 'EX1', 'arrow-l'));
 $g->blockB()->add('Column B (ui-block-b)')->add(new jqmButton('', '', '', 'd', 'example-2.php#', 'EX2', 'arrow-l'));
 $g->blockC()->add('Column C (ui-block-c)')->add(new jqmButton('', '', '', 'd', 'example-4.php#', 'EX4', 'arrow-r'));
 
 /**
 * Create and config a new jqmButton object with inline property.
 */
 $p->addContent('<h3>Inline</h3>');
 $p->addContent(new jqmButton('', '', '', 'a', 'example-1.php#', 'EX1', 'arrow-l', false, true));
 $p->addContent(new jqmButton('', '', '', 'a', 'example-2.php#', 'EX2', 'arrow-l', false, true));
 $p->addContent(new jqmButton('', '', '', 'a', '#', 'EX3', 'check', true, true));
 $p->addContent(new jqmButton('', '', '', 'a', 'example-4.php#', 'EX4', 'arrow-r', false, true));
 $p->addContent(new jqmButton('', '', '', 'a', 'example-5.php#', 'EX5', 'arrow-r', false, true));
 
 /**
 * Add the page to jqmPhp object.
 */
 $j->addPage($p);
 
 /**
 * Generate the HTML code.
 */
 echo $j;
?>
live demo