Excelent! Thanks again!
Facundo Arnold
@Facundo Arnold
Posts made by Facundo Arnold
-
RE: Ons-select is not displayed correctly
Perfect, I installed the new version via copy files in the lib directory.
another question.
I can not create and attach at runtime option items
Codepen Example:
https://codepen.io/anon/pen/wJyRaq?&editors=101 -
RE: Ons-select is not displayed correctly
I create the application via monaca, with the “create” command.
To upgrade to version 2.2.0, I just need to copy the libraries to \ www \ lib \ onsenui ? or via npm?
Thansk -
Ons-select is not displayed correctly
Ons-select is not displayed as a select, it simply shows the 3 options.
There are no js errors on the console.
I’m using the example of the tutorial, and so it does not work.
Any suggestions?
Thanks<ons-template id="mensajes.html"> <ons-page id="mensajes"> <ons-toolbar> <div class="left"> <ons-toolbar-button onclick="fn.open()"> <ons-icon icon="md-menu"></ons-icon> </ons-toolbar-button> </div> <div id="cd_title" class="center">MENSAJES </div> <div class="right"> <ons-back-button>Volver</ons-back-button> </div> </ons-toolbar> <h3>Choose a type of select with different modifiers:</h3> <ons-select id="choose-sel" modifier="basic"> <option value="basic">Basic</option> <option value="material">Material</option> <option value="underbar">Underbar</option> </ons-select> </ons-page> </ons-template>
-
RE: ons-splitter and page events
Perfect!. @Fran-Diox
I solved using a service object to store states and data between pages.
Thanks Again -
RE: ons-splitter and page events
Sorry Frank, another question…
When I call load method to load a new page, I need to pass an object, to initialice the page.
If i use the navigator object and pushpage method, that allows me send this object.
E.g.document.querySelector('#myNavigator').pushPage('sponsors.html', { data: { carrera: _actualCarrera[0] } });
But I can’t use this when I try to send the object via load method
E.g.content.load(page, { data: { carrera: _actualCarrera[0] } }).then(menu.close.bind(menu));
The documentation of load method, tells about options object, but I dont know how use it correctly.
-
ons-splitter and page events
Hi, i have problems using ons-splitter. When i click an item, then call fn.load to load page, the page is loaded but the events for the listener init or show don’t fire
Codepen:
https://codepen.io/anon/pen/gmXXxm?&editors=101The code from tutorials page:
<ons-splitter> <ons-splitter-side id="menu" side="left" width="220px" collapse swipeable> <ons-page> <ons-list> <ons-list-item onclick="fn.load('home.html')" tappable> Home </ons-list-item> <ons-list-item onclick="fn.load('settings.html')" tappable> Settings </ons-list-item> <ons-list-item onclick="fn.load('about.html')" tappable> About </ons-list-item> </ons-list> </ons-page> </ons-splitter-side> <ons-splitter-content id="content" page="home.html"></ons-splitter-content> </ons-splitter> <ons-template id="home.html"> <ons-page> <ons-toolbar> <div class="left"> <ons-toolbar-button onclick="fn.open()"> <ons-icon icon="md-menu"></ons-icon> </ons-toolbar-button> </div> <div class="center"> Main </div> </ons-toolbar> <p style="text-align: center; opacity: 0.6; padding-top: 20px;"> Swipe right to open the menu! </p> </ons-page> </ons-template> <ons-template id="settings.html"> <ons-page> <ons-toolbar> <div class="left"> <ons-toolbar-button onclick="fn.open()"> <ons-icon icon="md-menu"></ons-icon> </ons-toolbar-button> </div> <div class="center"> Settings </div> </ons-toolbar> </ons-page> </ons-template> <ons-template id="about.html"> <ons-page> <ons-toolbar> <div class="left"> <ons-toolbar-button onclick="fn.open()"> <ons-icon icon="md-menu"></ons-icon> </ons-toolbar-button> </div> <div class="center"> About </div> </ons-toolbar> </ons-page> </ons-template> window.fn = {}; window.fn.open = function() { var menu = document.getElementById('menu'); menu.open(); }; window.fn.load = function(page) { var content = document.getElementById('content'); var menu = document.getElementById('menu'); content.load(page) .then(menu.close.bind(menu)); }; document.addEventListener('init', function (event) { if (event.target.id === 'settings') { alert('init'); } }, false); document.addEventListener('show', function (event) { if (event.target.id === 'settings.') { alert('show'); } }, false);