view source

[roojs1] / examples / bootstrap / bootstrap.js

diff --git a/examples/bootstrap/bootstrap.js b/examples/bootstrap/bootstrap.js
index 7549936..f706b6c 100644 (file)
--- a/examples/bootstrap/bootstrap.js
+++ b/examples/bootstrap/bootstrap.js
@@ -26,7 +26,7 @@ Roo.example.bootstrap = new Roo.XComponent({
             xns: Roo.bootstrap,
             items : [
                  {
-                    xtype: 'Navbar',
+                    xtype: 'NavHeaderbar',
                     xns: Roo.bootstrap,
                     bar: true,
                     position : 'fixed-top',
@@ -38,8 +38,8 @@ Roo.example.bootstrap = new Roo.XComponent({
                             xns: Roo.bootstrap,
                             items: [
                                 {
-                                    xtype: 'Item',
-                                    xns: Roo.bootstrap.Navbar,
+                                    xtype: 'NavItem',
+                                    xns: Roo.bootstrap,
                                     html: "hello",
                                     menu:  {
                                             xtype: 'Menu',
@@ -61,8 +61,8 @@ Roo.example.bootstrap = new Roo.XComponent({
                                         }
                                 },
                                 {
-                                    xtype: 'Item',
-                                    xns: Roo.bootstrap.Navbar,
+                                    xtype: 'NavItem',
+                                    xns: Roo.bootstrap,
                                     html: "hello",
                                     active: true,
                                     menu:  {
@@ -92,15 +92,15 @@ Roo.example.bootstrap = new Roo.XComponent({
                             align: 'right',
                             items: [
                                 {
-                                    xtype: 'Item',
-                                    xns: Roo.bootstrap.Navbar,
+                                    xtype: 'NavItem',
+                                    xns: Roo.bootstrap,
                                     html: "hello",
                                     badge: 'test',
                                     active: true
                                 },
                                 {
-                                    xtype: 'Item',
-                                    xns: Roo.bootstrap.Navbar,
+                                    xtype: 'NavItem',
+                                    xns: Roo.bootstrap,
                                    
                                     html: "dialog",
                                     listeners : {
@@ -118,9 +118,9 @@ Roo.example.bootstrap = new Roo.XComponent({
                                     html: "dialog"
                                 },
                                 {
-                                    xtype: 'Item',
-                                    xns: Roo.bootstrap.Navbar,
-                                    glyphicon: 'search',
+                                    xtype: 'NavItem',
+                                    xns: Roo.bootstrap,
+                                    fa: 'search',
                                     html: "dialog"
                                     
                                 },
@@ -133,7 +133,7 @@ Roo.example.bootstrap = new Roo.XComponent({
                     xtype: 'Container',
                     xns: Roo.bootstrap,
                     jumbotron : true,
-                    style :  'padding: 30px 15px 40px',
+                    style :  'padding: 60px 15px 40px',
                     items: [
                         {
                             xtype: 'Container',
@@ -159,7 +159,27 @@ Roo.example.bootstrap = new Roo.XComponent({
                                     items : [
                                         
                                         {
-                                            xtype: 'Navbar',
+                                            xtype: 'PagingToolbar',
+                                            xns: Roo.bootstrap,
+                                            
+                                        }
+                                    ]
+                                }
+                            ]
+                        },
+                        {
+                            xtype: 'Row',
+                            xns: Roo.bootstrap,
+                            items : [
+                                
+                                {
+                                    xtype: 'Column',
+                                    xns: Roo.bootstrap,
+                                    colspan : 12,
+                                    items : [
+                                        
+                                        {
+                                            xtype: 'NavSimplebar',
                                             xns: Roo.bootstrap,
                                             bar: true,
                                             items : [
@@ -168,8 +188,8 @@ Roo.example.bootstrap = new Roo.XComponent({
                                                     xns: Roo.bootstrap,
                                                     items : [
                                                         {
-                                                            xtype: 'Item',
-                                                            xns: Roo.bootstrap.Navbar,
+                                                            xtype: 'NavItem',
+                                                            xns: Roo.bootstrap,
                                                             html: "nav",
                                                             href : 'http://roojs.com',
                                                             
@@ -443,12 +463,21 @@ Roo.example.bootstrap = new Roo.XComponent({
                                     xns: Roo.bootstrap,
                                     name : 'test',
                                     fieldLabel : 'test - keyup',
+                                    
                                     listeners : {
                                         keyup : function() {
                                             alert("Test");
                                         }
                                     }
                                 },
+                                {
+                                    xtype: 'Input',
+                                    xns: Roo.bootstrap,
+                                    name : 'test2',
+                                    fieldLabel : 'test - icon',
+                                    after : '@'
+                                    
+                                },
                                 {
                                     xtype: 'ComboBox',
                                     xns: Roo.bootstrap,
@@ -498,6 +527,15 @@ Roo.example.bootstrap = new Roo.XComponent({
                                     name : 'test',
                                     fieldLabel : 'test'
                                 },
+                                {
+                                          allowBlank : true,                
+                                    xtype: 'SecurePass',
+                                    inputType : 'password',
+                                    xns: Roo.bootstrap,
+                                    name : 'test1',
+                                    imageRoot : '/Pman/templates/images',
+                                    fieldLabel : 'test password'
+                                },
                                 {
                                     xtype: 'Button',
                                     xns: Roo.bootstrap,
@@ -554,25 +592,25 @@ Roo.example.bootstrap = new Roo.XComponent({
                                             xtype: 'Button',
                                             xns: Roo.bootstrap,
                                             html : ' ',
-                                            glyphicon: 'align-left'
+                                            fa: 'align-left'
                                         },
                                         {
                                             xtype: 'Button',
                                             xns: Roo.bootstrap,
                                             html : ' ',
-                                            glyphicon: 'align-center'
+                                            fa: 'align-center'
                                         },
                                         {
                                             xtype: 'Button',
                                             xns: Roo.bootstrap,
                                             html : ' ',
-                                            glyphicon: 'align-right'
+                                            fa: 'align-right'
                                         },
                                         {
                                             xtype: 'Button',
                                             xns: Roo.bootstrap,
                                             html : ' ',
-                                            glyphicon: 'align-justify'
+                                            fa: 'align-justify'
                                         }
                                     ]
                                 }