New to Kendo UI for jQuery? Download free 30-day trial

Select Value from Another View

The example below demonstrates how to navigate to a child view from a ListView, select an item and return back to the parent view showing the selected item when working with the Hybrid UI components of Kendo UI.

    <div data-role="view" data-model="app.models.survey" data-title="Survey" data-stretch="true" id="survey">
        <ul data-role="listview" data-type="group">
          <li class="detail-text">
            Did you order an appetizer?
                <a href="locations">Location <span class="location" data-bind="html: selectedLocation"></span></a>

    <div data-role="view" id="locations" data-transition="slide" data-model="app.models.locations">
      <ul data-role="listview" data-bind="click: selectLocation, source: locations" data-template="locations-template">

    <script id="locations-template" type="text/x-kendo-template">
        #: text #
      (function() {

        var survey = new kendo.observable({
          selectedLocation: null

        var locations = new kendo.observable({
          locations: new{
            data: [
              { text: "north" },
              { text: "south" },
              { text: "east" },
              { text: "west" }
          selectLocation: function(e) {
            survey.set("selectedLocation", e.dataItem.text);

        var app = new; = {}; = {
          survey: survey,
          locations: locations


See Also

Articles and other how-to examples on the Kendo UI hybrid components:

For more runnable examples on the Kendo UI hybrid controls, browse the How To documentation folder.

In this article