sencha touch - Showing a carousel from a nestedList - possibly using handler? -


i have nestedlist - when final item, call handler swaps panel carousel. please see - http://test.miaduk.com/mobile/tle/

unfortunately can't seem handlers work on nested items , can not think of way. i'm still beginner in sencha, appreciated. thank you!

see code:

ext.setup({ icon: 'icon.png', tabletstartupscreen: 'tablet_startup.png', phonestartupscreen: 'phone_startup.png', glossonicon: true, onready: function() {       /*data store     *********************************************************************************/ var data = {     text: 'categories',     items: [{         text: 'core skills/personal development',         items: [{             text: 'fishbone diagram',             leaf: true         },{             text: '5 whys technique',             leaf: true         },{             text: 'smart objectives',             leaf: true         },{             text: 'circle of influence',             leaf: true         },{             text: 'managing stress',             leaf: true         }]     },{         text: 'communication',         items: [{             text: 'listening skills',             leaf: true         },{             text: 'giving feedback',             leaf: true         },{             text: 'recieving feedback',             leaf: true         }]     },{         text: 'customer service',         items: [{             text: 'listening , confirming',             leaf: true         }]     }] }; ext.regmodel('listitem', {     fields: [{name: 'text', type: 'string'}] }); var store = new ext.data.treestore({     model: 'listitem',     root: data,     proxy: {         type: 'ajax',         reader: {             type: 'tree',             root: 'items'         }     } }); var nestedlist = new ext.nestedlist({     fullscreen: true,     title: 'categories',     displayfield: 'text',     dock: 'top',     store: store });       /*carousel     *********************************************************************************/     var carousel = new ext.carousel({     fullscreen: true,     displayfield: 'text',     dock: 'top',         defaults: {             cls: 'card'         },         items: [{             html: '<img src="drainimage1.png">'         },         {             title: 'tab 2',             html: '<img src="drainimage2.png">'         }]     });       /*tab panel     *********************************************************************************/      var tabpanel = new ext.tabpanel({         tabbar: {             dock: 'bottom',             layout: {                 pack: 'center'             }         },         fullscreen: true,         ui: 'light',         cardswitchanimation: {             type: 'slide',             cover: true         },          defaults: {             scroll: 'vertical'         },         items: [{             title: 'my courses',             html: '<h1>course list appear here</h1>',             iconcls: 'favorites',             cls: 'card2',             badgetext: '3',             dockeditems: nestedlist         },{             title: 'sample',             cls: 'card2',             iconcls: 'user',             dockeditems: carousel         },{             title: 'help',             html: '<h1>help</h1><p>info on how add home screen goes here</p>',             cls: 'card3',             iconcls: 'user'         }]     });

check sample sencha nestedlist

http://dev.sencha.com/deploy/touch/examples/nestedlist/index.js

there "leafitemtap" event can hook nested list execute callback:

nestedlist.on('leafitemtap', function(sublist, subidx, el, e, detailcard) {         var ds = sublist.getstore(),             r  = ds.getat(subidx);          ext.ajax.request({             url: '../../src/' + r.get('id'),             success: function(response) {                 detailcard.setvalue(response.responsetext);             },             failure: function() {                 detailcard.setvalue("loading failed.");             }         });     });

Comments

Post a Comment

Popular posts from this blog

apache - Add omitted ? to URLs -

i working on website cms reads page name of query string, e.g. http://exmaple.com/?pagename . trying create rewrite rule rewrite ? . so, user types in /pagename , taken /?pagename try this: rewriteengine on rewritecond %{request_filename} !-d rewritecond %{request_filename} !-f rewriterule ^/?(.*) index.php?$1 [l]
Read more

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

i using bbpress installation without wordpress integration. the redirect of rewriteengine @ forum site works: rewriteengine on rewritecond %{http_host} ^forum.mysite.com$ rewriterule (.*)$ http://www.forum.mysite.com/$1 [r=301,l] the problem login pppress. bbpress login not recognize: http://www.forum.mysite/bb-login.php . it redirects to: http://forum.mysite.com/bb-login.php . i tried permalink settings none , name based, same issue. does uses redirect in bbpress or how can eliminate "double" content , redirect permanently www.? i redirected www.forum.mysite.com forum.mysite.com , achieved eliminate "double" content.
Read more

php - How can I stop spam on my custom forum/blog? -

so have custom built forum & blog system of late has been dealing lot of spam. if wordpress use akismet, if different common platform i'm sure i'd find plugin. there kind of static class can download this? using php. i'd still go akismet, if it. uses outside of wordpress, may have pay fee it, depending on use -- check terms , conditions -- it's option , easy implement in php using api. use api key wordpress. com account access. basically, grab whichever php client library takes fancy -- use alex potsides' php5 library -- plug in key, , it's handful of lines of code. here's bare bones of validation straight 1 of live sites: ... if ($akismet) { $akismet->setcommentauthor($name); $akismet->setcommentauthoremail($session->userinfo["email"]); $akismet->setcommentauthorurl(""); $akismet->setcommentcontent($sentence);...
Read more