データを表示する場所のHTML

<div id="anpilist">
<ons-list>
 --ここにデータ表示--
</ons-list>
</div>

データ表示するjavascript

var df = document.createDocumentFragment();
var list = document.getElementById('anpilist');
var onsList;
var onslistItem;
onsList = document.createElement('ons-list');
onslistItem = document.createElement('ons-list-item');


         onsList.innerHTML ="<ons-list-item modifier='chevron class='user_date'>"+
                            "<ons-row>"+
                            "<ons-col style='text-align:center' class='user_name'>"+
                            object.userId+
                            "</ons-col>"+
                            "<ons-col>"+
                            "<ons-button class='safety-mini'>"+
                            "<div class='user_status'>"+
                            object.Status+
                            "</div>"+
                            "</ons-button>"+
                            "</ons-col>"+
                            "</ons-row>"+
                            "</ons-list-item>";

                            list.appendChild(onsList);
                            list.appendChild(df);
                            ons.compile(list);

                });

 表示されたデータをクリックされた事を検知してデータを取得して
 詳細ページへ遷移するjavascript

 $(document).on('pageinit', '#mainpage', function() {
 $('.user_date', this).on('click', function() {
  currentItem = {
    name : $('.user_name', this).text(),
    status : $('.user_status', this).text(),
  };

  mainNavigator.pushPage('anpisyousai.html');
});
});

})();