Understanding Table Links When Using the Onsen UI Sliding Menu

Asked 1 years ago, Updated 1 years ago, 67 views

As a beginner, I use the Onsen UI Sliding Menu to try to create a very rudimentary app that simply displays a page when touched.

Questions
I would like to create a table on one page of the Onsen UI Sliding Menu and click on the table to jump to the detail page.
However, I don't know how to paste the link after creating the table.Look it up in your own way,

<TD><A HREF=hoge.html">hoge</A>/TD>

When I wrote this, I went to a page with only characters that had been removed from the UI.
How do I keep the Onsen UI Sliding Menu configured and jump?

I'm sorry that this is a very rudimentary question.

monaca onsen-ui

2022-09-29 22:19

1 Answers

If you are using the Onsen UI, you should use <ons-list>.

<ons-list>
    <ons-list-item modulator="chevron" onclick="slider.setMainPage('page2.html')">
    The page changes.
    </ons-list-item>
    <ons-list-item modulator="chevron" onclick="ons.navigator.pushPage('page2.html')">
    The page slides and changes.
    </ons-list-item>
</ons-list>  

Above

onclick="app.slidingMenu.setMainPage('page2.html')"  

The app.slidingMenu in contains the string specified below in index.html.

<ons-sliding-menu var="app.slidingMenu"


2022-09-29 22:19

If you have any answers or tips


© 2024 OneMinuteCode. All rights reserved.