I have built a Telerik-based mobile Platform app that references a database that has thousands of rows of text data. When a user searches for a text value, the system shows a list of matches from a single field from the set of matching records. When the user selects one of these items the system then displays a new screen that shows all of the fields from the selected record in what I believe is a ListView. That all works perfectly.
In the Javascript area in the Custom Code area below all of this auto-generated content, I want to be able to reference or copy into a variable two of the read-only database fields (one titled Between and the other Located) that have been displayed in the ListView area for this record.
Trouble is, I've not been able to figure out how to actually reference the data fields to be able to extract and use the actual value in my Javascript code. I've spent the day scouring the Telerik documentation, but to no avail.
The auto-generated code displays the value for the Between field with this line: <div data-bind="html: currentItem.Between"></div>
Any advice or solution you can suggest would be most appreciated!
Here's the key, system-generated code for the page, FYI;
<
div
data-role
=
"view"
data-title
=
"Details"
data-model
=
"app.searchResults.searchResultsModel"
data-bind
=
"events: { show: detailsShow }"
id
=
"searchResultsModelDetailsView"
>
<
header
data-role
=
"header"
>
<
div
data-role
=
"navbar"
class
=
"header-text"
>
<
a
data-role
=
"backbutton"
data-align
=
"left"
>Back</
a
>
<
span
data-bind
=
"text: currentItem['Inscription']"
></
span
>
</
div
>
</
header
>
<
div
class
=
"details-content"
>
<
div
class
=
"km-listview-wrapper"
>
<
ul
class
=
"km-listview km-list km-listinset details-fields"
>
<
li
>
<
h3
data-bind
=
"text: currentItem.Inscription"
></
h3
></
li
>
<
li
class
=
"detail-content-item"
>
<
div
class
=
"editableListItem"
>
<
div
>The car is located between the key blocks of:</
div
>
<
div
data-bind
=
"html: currentItem.Between"
></
div
>
</
div
>