The problem is the href in the <a> element in the nav. The hash is being changed to “#" after the router redirects.
You need to handle routing in one of two ways (and not both). 1. Use setState() 2. Use href links To do #1, you need to remove the href from the <a> elements (or use something else such as a div or li). If you use href links, the logic of actually switching the views should be handled by the router, so for example in Card, the href should be #card_panel or #!card_panel. Then setNavSelection will work. The downside of the second method is that I’m not sure how to set the title. Maybe that should be a separate method that can be called. > On Jan 21, 2020, at 8:48 PM, Carlos Rovira <carlosrov...@apache.org> wrote: > > Hi Harbs, > > this paste is the MainContent.mxml from TDJ with the changes I tried: > > https://paste.apache.org/ez6aq > > You can override whole file in your local and try to compile to see > results. I'm sure you'll get the right way to work for your code. > > Thanks > > Carlos > > > > El mar., 21 ene. 2020 a las 19:31, Harbs (<harbs.li...@gmail.com>) escribió: > >> Oops. I thought this email went out yesterday… >> >> I have very little time today. >> >> Can you show me the code you tried? >> >>> On Jan 20, 2020, at 8:01 PM, Carlos Rovira <carlosrov...@apache.org> >> wrote: >>> >>> Hi Harbs, >>> >>> thanks for adding this. I think it will deserve some blog example, since >> is >>> something people requested in social media. >>> Can you please add it to Tour De Jewel? I tried but, I get two problems: >>> 1.- back/forth buttons are not working >>> 2.- previous button seems to register more than once the same state. >>> Thanks >>> >>> Carlos >>> >>> >>> El lun., 20 ene. 2020 a las 14:38, Harbs (<harbs.li...@gmail.com>) >> escribió: >>> >>>> I don’t remember how deep linking worked, but the concept is similar. >>>> Routing is the modern term. >>>> >>>> FWIW, here’s an article on routing strategies vis a vis url paths: >>>> https://codecraft.tv/courses/angular/routing/routing-strategies/ < >>>> https://codecraft.tv/courses/angular/routing/routing-strategies/> >>>> >>>>> On Jan 20, 2020, at 3:33 PM, Andrew Wetmore <cottag...@gmail.com> >> wrote: >>>>> >>>>> Thanks for this. In what way is this different from deep linking in >> Flex, >>>>> apart from the name? >>>>> >>>>> On Mon, Jan 20, 2020 at 8:30 AM Harbs <harbs.li...@gmail.com <mailto: >>>> harbs.li...@gmail.com>> wrote: >>>>> >>>>>> Not sure what you’re looking for. I tried to document the class as >> best >>>> as >>>>>> I could: >>>>>> >>>>>> >>>> >> https://github.com/apache/royale-asjs/blob/6cbc5559bcc99bf2ceb3e033747ca3680b3b0d91/frameworks/projects/Basic/src/main/royale/org/apache/royale/routing/Router.as >>>> < >>>> >> https://github.com/apache/royale-asjs/blob/6cbc5559bcc99bf2ceb3e033747ca3680b3b0d91/frameworks/projects/Basic/src/main/royale/org/apache/royale/routing/Router.as >>>>> >>>>>> < >>>>>> >>>> >> https://github.com/apache/royale-asjs/blob/6cbc5559bcc99bf2ceb3e033747ca3680b3b0d91/frameworks/projects/Basic/src/main/royale/org/apache/royale/routing/Router.as >>>> < >>>> >> https://github.com/apache/royale-asjs/blob/6cbc5559bcc99bf2ceb3e033747ca3680b3b0d91/frameworks/projects/Basic/src/main/royale/org/apache/royale/routing/Router.as >>>>> >>>>>>> >>>>>> >>>>>> * “Routing” uses the browser history APIs to allow forward and back >>>>>> navigation. >>>>>> * When the hash of a URL is changed, the router dispatches an event >>>>>> * The state of the strand component can be automatically synced to the >>>>>> Router routeState.state value. >>>>>> * The application can call either setState() to add a point to the >>>> browser >>>>>> history, or: >>>>>> * call renderState() to add a point and trigger a state change in the >>>> app >>>>>> (i.e. diapatch an event fro the browser) >>>>>> >>>>>> Helpful? >>>>>> >>>>>> Some JS frameworks let you declaratively declare routes for a router, >>>> that >>>>>> might be something worth looking into, but I was not sure what that >>>> would >>>>>> look like in Royale. >>>>>> >>>>>>> On Jan 20, 2020, at 3:22 PM, Andrew Wetmore <cottag...@gmail.com> >>>> wrote: >>>>>>> >>>>>>> @harbs, would you have a chance to blurt out some text about >> "routing", >>>>>> and >>>>>>> especially how and where it differs from "deep linking" in Flex? We >>>> need >>>>>>> some documentation about this and I thought I knew where I was going >> to >>>>>> go >>>>>>> with it until I saw this as an example of routing. >>>>>>> >>>>>>> Does not have to be finished text....bullet points and pointers would >>>> be >>>>>>> fine. I can then rework it for the help docs. >>>>>>> >>>>>>> Thanks! >>>>>>> >>>>>>> On Mon, Jan 20, 2020 at 8:09 AM Harbs <harbs.li...@gmail.com> wrote: >>>>>>> >>>>>>>> It’s declared here: >>>>>>>> >>>>>>>> >>>>>> >>>> >> https://github.com/unhurdle/spectrum-royale/blob/master/SpectrumBrowser/src/view/MainView.mxml#L213 >>>>>>>> >>>>>>>> And used here: >>>>>>>> >>>>>>>> >>>>>> >>>> >> https://github.com/unhurdle/spectrum-royale/blob/master/SpectrumBrowser/src/view/MainView.mxml#L131 >>>>>>>> >>>>>>>> here: >>>>>>>> >>>>>>>> >>>>>> >>>> >> https://github.com/unhurdle/spectrum-royale/blob/master/SpectrumBrowser/src/view/MainView.mxml#L167 >>>>>>>> >>>>>>>> and here: >>>>>>>> >>>>>>>> >>>>>> >>>> >> https://github.com/unhurdle/spectrum-royale/blob/master/SpectrumBrowser/src/models/Theme.as#L20 >>>>>>>> >>>>>>>>> On Jan 20, 2020, at 3:03 PM, Harbs <harbs.li...@gmail.com> wrote: >>>>>>>>> >>>>>>>>> I created a Router bead which I’m now using in the demo app. >>>>>>>>> >>>>>>>>> Here’s two very different states: >>>>>>>>> >>>>>>>>> >> https://unhurdle.github.io/spectrum-royale/#!combobox?colorstop=dark >>>>>>>>> https://unhurdle.github.io/spectrum-royale/#!asset_list >>>>>>>>> >>>>>>>>> Router supports”state”, paths and parameters. >>>>>>>>> >>>>>>>>> The demo app is using state and parameters. >>>>>>>>> >>>>>>>>> Harbs >>>>>>>>> >>>>>>>>>> On Jan 20, 2020, at 10:54 AM, Carlos Rovira < >>>> carlosrov...@apache.org> >>>>>>>> wrote: >>>>>>>>>> >>>>>>>>>> Hi Harbs, >>>>>>>>>> >>>>>>>>>> about routing, I expect urls will be more like permalinks without >>>> the >>>>>>>> need >>>>>>>>>> of !# chars. Is this possible? >>>>>>>>>> >>>>>>>>>> This: >>>>>>>>>> https://unhurdle.github.io/spectrum-royale/bar_loader >>>>>>>>>> >>>>>>>>>> instead of this: >>>>>>>>>> https://unhurdle.github.io/spectrum-royale/#!bar_loader >>>>>>>>>> >>>>>>>>>> And have it as a library "Routing" that we could use. >>>>>>>>>> As any other framework out there, is something that they support >>>> with >>>>>>>> some >>>>>>>>>> API, and I think is one of the things we already don't offer. >>>>>>>>>> Would be great to have for 1.0, since is something people will >> want >>>>>> very >>>>>>>>>> soon in their tests for sure. >>>>>>>>>> >>>>>>>>>> What do you think? >>>>>>>>>> >>>>>>>>>> Carlos >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> El lun., 20 ene. 2020 a las 7:31, Harbs (<harbs.li...@gmail.com>) >>>>>>>> escribió: >>>>>>>>>> >>>>>>>>>>> Good catch. Thanks! >>>>>>>>>>> >>>>>>>>>>>> On Jan 20, 2020, at 1:52 AM, Andrew Wetmore < >> cottag...@gmail.com> >>>>>>>> wrote: >>>>>>>>>>>> >>>>>>>>>>>> Small thing, but I think the code example for "Avatar" is >>>> reversed, >>>>>>>>>>>> implying that the first of the two images is disabled rather >> than >>>>>> the >>>>>>>>>>>> second. >>>>>>>>>>>> >>>>>>>>>>>> On Sun, Jan 19, 2020 at 6:42 PM Harbs <harbs.li...@gmail.com> >>>>>> wrote: >>>>>>>>>>>> >>>>>>>>>>>>> FYI, I just added routing to the demo app. It was pretty >>>> painless, >>>>>>>>>>>>> although I’d like to make it even simpler… >>>>>>>>>>>>> >>>>>>>>>>>>> https://unhurdle.github.io/spectrum-royale/#!bar_loader < >>>>>>>>>>>>> https://unhurdle.github.io/spectrum-royale/#!bar_loader> >>>>>>>>>>>>> >>>>>>>>>>>>> >>>>>>>>>>>>>> On Jan 15, 2020, at 7:08 PM, Harbs <harbs.li...@gmail.com> >>>> wrote: >>>>>>>>>>>>>> >>>>>>>>>>>>>> FYI, I just updated the project readme with a link to the demo >>>> and >>>>>>>> some >>>>>>>>>>>>> markup to show what a full Royale app looks like: >>>>>>>>>>>>>> https://github.com/unhurdle/spectrum-royale < >>>>>>>>>>>>> https://github.com/unhurdle/spectrum-royale> >>>>>>>>>>>>>> >>>>>>>>>>>>>> >>>>>>>>>>>>>>> On Jan 13, 2020, at 1:30 AM, Harbs <harbs.li...@gmail.com >>>>>> <mailto: >>>>>>>>>>>>> harbs.li...@gmail.com>> wrote: >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> FYI, I’ve been working on filling out a demo the Spectrum >>>> Royale >>>>>>>>>>>>> components: >>>>>>>>>>>>>>> https://unhurdle.github.io/spectrum-royale/ < >>>>>>>>>>>>> https://unhurdle.github.io/spectrum-royale/> >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> I’m going to be filling them out over the next week… >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> Harbs >>>>>>>>>>>>>> >>>>>>>>>>>>> >>>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> -- >>>>>>>>>>>> Andrew Wetmore >>>>>>>>>>>> >>>>>>>>>>>> http://cottage14.blogspot.com/ >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>> >>>>>>>>>> -- >>>>>>>>>> Carlos Rovira >>>>>>>>>> http://about.me/carlosrovira >>>>>>>>> >>>>>>>> >>>>>>>> >>>>>>> >>>>>>> -- >>>>>>> Andrew Wetmore >>>>>>> >>>>>>> http://cottage14.blogspot.com/ >>>>>> >>>>>> >>>>> >>>>> -- >>>>> Andrew Wetmore >>>>> >>>>> http://cottage14.blogspot.com/ <http://cottage14.blogspot.com/> >>>> >>> >>> >>> -- >>> Carlos Rovira >>> http://about.me/carlosrovira >> >> > > -- > Carlos Rovira > http://about.me/carlosrovira