What actions should I perform to re-render controls?

What actions should I perform to re-render controls?

BY 16 Sep 2013 Web Application Development
​I have a JS code that places content into `<ul>` tag. When I tried to place a similar HTML-snippet everything worked fine. Now I’m putting it with javascript and UI breaks down and looks really ugly. In jQueryMobile I used `$(‘#listboxID’).listbox(‘refresh’)` to re-render `<ul>`. But I’m not using jQM in project so how can I do that?

Here’s the scripts I’m adding into HTML page:

<head>
<script src="tizen-web-ui-fw/latest/js/jquery.min.js"></script>
<script src="./js/config.js"></script>
<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
  data-framework-theme="tizen-white"
  data-framework-viewport-scale="false"></script>
<script type="text/javascript" src="./js/main.js"></script>
</head>​

And here’s the HTML markup (just in case):

<div data-role="content">
  <ul data-role="listview" id="personList">
    <!-- <li class="ui-li-multiline"> this is the snippet I'm using
      <a href="#">
        <span class="person-box">
          <span class="avatar-box"></span>
          <span class="name-box">FirstName LastName</span>
        </span>
      </a>
    </li> -->
  </ul>
</div>
Written by
Keep Reading All Posts
Announcing the Tizen Studio 6.1 Release

BY

16 Apr 2025

Tizen Studio

Read More
Announcing the Tizen Studio 6.0 Release

BY

04 Nov 2024

Tizen Studio

Read More
Announcing the Tizen Studio 5.6 Release

BY

02 Apr 2024

Tizen Studio

Read More