As abas s\u00e3o o dispositivo que o YeAPF entrega para um desenvolvedor poder construir aplicativo “mono-p\u00e1gina” como os usados em aplicativos Web de \u00faltima gera\u00e7\u00e3o ou em dispositivos m\u00f3veis.<\/p>\n

S\u00e3o elas as que nos permitem uma mudan\u00e7a r\u00e1pida na tela sem que por isso seja necess\u00e1rio carrega-las do servidor j\u00e1 que se encontram numa mesma e imensa p\u00e1gina HTML5.<\/p>\n

Uma das coisas bonitas que se podem fazer \u00e9 reagir \u00e0 mudan\u00e7a de forma mais autom\u00e1tica. Ou seja, tipicamente o que costumamos fazer \u00e9 mudar a tela pelo acionamento de um bot\u00e3o ou item de menu e nessa mudan\u00e7a puxamos os dados necess\u00e1rios para essa tela.<\/p>\n

Nada contra essa aproxima\u00e7\u00e3o, mas digamos que voc\u00ea construiu um pequeno framework sobre o YeAPF e quer esquecer das mudan\u00e7as de telas, carregamento de tabelas e formul\u00e1rios (o CRUD bendito) mas quer uma forma simp\u00e1tica de fazer algum processo sem ter que hackear seu pr\u00f3prio e belo framework.<\/p>\n

Uma forma f\u00e1cil de fazer isso \u00e9 respondendo aos eventos que o mTabNav gera no objeto window<\/em>.<\/p>\n

mTabNav dispara os seguintes eventos:<\/p>\n

tabchange,\u00a0tabblur,\u00a0tabfocus\u00a0e tabshow<\/p>\n

Voc\u00ea pode se pendurar deles assim:<\/p>\n

function myShowTabHandler() {\r\n  alert(\"Aba mudada para \"+mTabNav.getCurrentTabId());\r\n}\r\n\r\naddOnLoadManager(\r\n  function() {\r\n    window.addEventListener('tabshow', myShowTabHandler, true);\r\n  }\r\n);<\/pre>\n
 <\/p>\n
Eu acho simples…<\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
As abas s\u00e3o o dispositivo que o YeAPF entrega para um desenvolvedor poder construir aplicativo “mono-p\u00e1gina” como os usados em aplicativos Web de \u00faltima gera\u00e7\u00e3o ou em dispositivos m\u00f3veis. S\u00e3o elas as que nos permitem uma mudan\u00e7a r\u00e1pida na tela sem que por isso seja necess\u00e1rio carrega-las do servidor j\u00e1 que se encontram numa mesma […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[49,8],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5O6UV-5Y","jetpack-related-posts":[{"id":557,"url":"http:\/\/www.yeapf.com\/wp\/?p=557","url_meta":{"origin":370,"position":0},"title":"Monitorando mudan\u00e7a de aba em SPA","date":"agosto 23, 2019","format":false,"excerpt":"Aguardar por um evento \u00e9 melhor... YeAPF! tem um gestor de abas bem simples de usar que permite construir um SPA (Single Page Application) com muita facilidade. Tendo v\u00e1rias abas, uma coisa que quase com certeza vai querer fazer \u00e9 responder dinamicamente a essa mudan\u00e7a atualizando - por exemplo -\u2026","rel":"","context":"Post similar","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.yeapf.com\/wp\/wp-content\/uploads\/2019\/08\/girl-wathcing-binoculars.jpeg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":91,"url":"http:\/\/www.yeapf.com\/wp\/?p=91","url_meta":{"origin":370,"position":1},"title":"Aplicativos mono p\u00e1gina","date":"mar\u00e7o 14, 2014","format":false,"excerpt":"Aplicativos que usam s\u00f3 uma p\u00e1gina t\u00eam um lugar assegurado no desenvolvimento de software atual e futuro. Bem feitos s\u00e3o elegantes e f\u00e1ceis de manter. Tamb\u00e9m s\u00e3o uma m\u00e3o na roda na hora de fazer um aplicativo que funcione tanto em desktop como em mobile. Para construirmos um aplicativo com\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":334,"url":"http:\/\/www.yeapf.com\/wp\/?p=334","url_meta":{"origin":370,"position":2},"title":"Usando a bancada de desenvolvimento para criar p\u00e1ginas com YeAPF","date":"fevereiro 8, 2017","format":false,"excerpt":"Um aplicativo que vem na distribui\u00e7\u00e3o 0.8.x do YeAPF \u00e9 o workbench ou bancada. Este artigo foi escrito na vers\u00e3o 0.8.54 do YeAPF, ent\u00e3o se est\u00e1 com uma difernte, podem haver mudan\u00e7as. Workbench ou\u00a0bancada permite ao programador construir seu aplicativo como se fossem telas separadas e depois junt\u00e1-las para formar\u2026","rel":"","context":"Em "Yet Another PHP Framework"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/yeapf.com\/wp\/wp-content\/uploads\/2017\/02\/workbench-01-300x283.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":419,"url":"http:\/\/www.yeapf.com\/wp\/?p=419","url_meta":{"origin":370,"position":3},"title":"Evitando que o waitIcon pisque","date":"junho 22, 2018","format":false,"excerpt":"Esses dias tive que alterar um sistema para mostrar mais dados numa tabela. Como j\u00e1 sabem, n\u00e3o podemos trazer uma tabela inteira para a tela a n\u00e3o ser que ela seja pequena. Com tabelas acima de 30, 50 registros a hist\u00f3ria muda e precisamos segmentar a puxada. Com YeAPF isso\u2026","rel":"","context":"Em "Yet Another PHP Framework"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":259,"url":"http:\/\/www.yeapf.com\/wp\/?p=259","url_meta":{"origin":370,"position":4},"title":"Controlando v\u00e1rios eventos com uma mesma fun\u00e7\u00e3o","date":"janeiro 16, 2016","format":false,"excerpt":"Por vezes \u00e9 necess\u00e1rio utilizar uma mesma fun\u00e7\u00e3o para controlar as mudan\u00e7as em um campo. Pense por exemplo, em um campo de digita\u00e7\u00e3o de documento que possa admitir tanto CPF como CNPJ. Ai voc\u00ea quer controlar a validade do mesmo na digita\u00e7\u00e3o, na sa\u00edda, na entrada, etc... Em YeAPF fica\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":276,"url":"http:\/\/www.yeapf.com\/wp\/?p=276","url_meta":{"origin":370,"position":5},"title":"Template BootStrap3 usando YeAPF e abas","date":"fevereiro 3, 2016","format":false,"excerpt":"Obrigado por vir! Este \u00e9 apenas um pequeno exemplo integrando BootStrap3 e YeAPF. Qualquer vers\u00e3o da serie 0.8.x do YeAPF deve poder ser utilizada aqui, mas estamos usando especificamente a 0.8.47 Inclui as fontes e o css na distribui\u00e7\u00e3o porque na minha magra experi\u00eancia, os servidores cdn mais atrapalham do\u2026","rel":"","context":"Em "Yet Another PHP Framework"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/370"}],"collection":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=370"}],"version-history":[{"count":1,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/370\/revisions"}],"predecessor-version":[{"id":371,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/370\/revisions\/371"}],"wp:attachment":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=370"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}