The #: # thingy works only inside a template. In order for you to use the values outside of the template you nee to store the data in a different variable available in the global name space and use that variable inside the modal view. I have fixed your code here: http://jsfiddle.net/kendomobile/MPzVu/8/
I create a span inside the modal view <span id="modalview-text"> </span>
and in the click event, stored the value inside a global variable ( listItemclicked
) and wrote the variable inside the span using this jQuery code: $('#modalview-text').text(listItemclicked.name);
<ul data-role="listview" id="eventfeed" data-click="listViewClick"></ul>
<div id="modal" data-role="modalview" style="width: 95%; height: 95%;">
<div data-role="header">
<div data-role="navbar">
<a data-align="right" data-click="closeModalView" data-role="button">Close</a>
</div>
</div>
<span id="modalview-text"> </span>
</div>