4 Replies Latest reply on Aug 11, 2015 11:11 AM by Jon Tara

    Click table columntoggle button fail when page contains panel in RhoStudio 5.1.1

    Nick Peng

      I use table with data-mode="columntoggle" no problem alone.

      However, click columntoggle button will close app when page contains panel. for RhoStudio 5.1.1.

      But it's work for RhoStudio 4.0.


      My environment:(use default javascript)

      RhoStudio 5.1.1.

      jQuery 1.9.1

      jQuery Mobile 1.3.1

       

      My erb code is:

       

      <div data-role="page">

       

        <div data-role="header" data-position="inline">

          <h1>Toggle with Panels fail</h1>

       

          <a href="#nav-panel" data-role="button" class="ui-btn-right" data-icon="bars" data-iconpos="notext">Options</a>

          <div data-role="panel" data-position="right" data-position-fixed="false" data-display="overlay" id="nav-panel">

                <ul data-role="listview" style="margin-top:-16px;" class="nav-search" data-theme="d" data-divider-theme="b">      

                <li data-icon="delete" style="background-color:#111;">

                   <a href="#" data-rel="close">Close menu</a>

                </li>

              </ul>

          </div>

        </div>

       

        <div data-role="content">

                  <table data-role="table" id="table-column-toggle" data-mode="columntoggle" class="ui-body-d table-stripe ui-responsive" data-column-btn-text="顯示欄位">

                    <thead>

                      <tr>

                        <th data-priority="2">Rank</th>

                        <th>Movie Title</th>

                        <th data-priority="3">Year</th>

                        <th data-priority="1"><abbr title="Rotten Tomato Rating">Rating</abbr></th>

                        <th data-priority="5">Reviews</th>

                      </tr>

                    </thead>

                    <tbody>

                      <tr>

                        <th>1</th>

                        <td><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">Citizen Kane</a></td>

                        <td>1941</td>

                        <td>100%</td>

                        <td>74</td>

                      </tr>

                      <tr>

                        <th>2</th>

                        <td><a href="http://en.wikipedia.org/wiki/Casablanca_(film)" data-rel="external">Casablanca</a></td>

                        <td>1942</td>

                        <td>97%</td>

                        <td>64</td>

                      </tr>

                      <tr>

                        <th>3</th>

                        <td><a href="http://en.wikipedia.org/wiki/The_Godfather" data-rel="external">The Godfather</a></td>

                        <td>1972</td>

                        <td>97%</td>

                        <td>87</td>

                      </tr>

                      <tr>

                        <th>4</th>

                        <td><a href="http://en.wikipedia.org/wiki/Gone_with_the_Wind_(film)" data-rel="external">Gone with the Wind</a></td>

                        <td>1939</td>

                        <td>96%</td>

                        <td>87</td>

                      </tr>

                      <tr>

                        <th>5</th>

                        <td><a href="http://en.wikipedia.org/wiki/Lawrence_of_Arabia_(film)" data-rel="external">Lawrence of Arabia</a></td>

                        <td>1962</td>

                        <td>94%</td>

                        <td>87</td>

                      </tr>

                    </tbody>

                  </table>

        </div>

      </div>