This is a migrated thread and some comments may be shown as answers.

Calculated Column not displaying

1 Answer 64 Views
Data Source
This is a migrated thread and some comments may be shown as answers.
Dan
Top achievements
Rank 1
Dan asked on 28 Feb 2014, 08:12 PM
Hi,

Can anyone help me with this issue.  Thanks (in advance).

The textbox "txtSiteNameList" shows up fine.  The "txtSiteNameList" displays nothing.
This is a KendoMobileUI App

<!--SITE LIST VIEW -->
<div data-role="view" id="siteListView" data-layout="default" data-title="Sites" data-model="app.sbviewModel">
    <h1>Site List View</h1>
    <ul id="siteList"
        data-bind="source: data"
        data-endlessscroll="true"
        data-template="sitesTemplate"
        data-role="listview"
        data-style="inset"></ul>
</div>

<!--SITE LIST TEMPLATE -->
<script id="sitesTemplate" type="text/x-kendo-template">
    <input type="text" id="Status" data-bind="value: IsOpen" />
    <input type="text" id="txtSiteNameList" data-bind="value: SiteName" />
</script>

/*DATA SOURCE*/
var app = app || {};

app.sbdataSource = new kendo.data.DataSource({
     transport: {
         read: {
             dataType: "json",             
             url: "http://localhost/SbApp/SbService.svc/GetListSites",
             data: {
                 Accept: "application/json"
             },
             autoSync: true,
             schema: {
                 model: app.sbModel
             }
         }
     },     
});

/*VIEW MODEL*/
app.sbviewModel = kendo.observable({
    data: app.sbdataSource,
});

/*MODEL*/
app.sbModel = kendo.data.Model.define({
    id: "SiteID",
    fields: {
        SiteID: { type: "string" },
        SiteName: { type: "string" },
        SiteSymbol: { type: "string" },
        StreetNumber: { type: "string" },
        Street: { type: "string" },
        City: { type: "string" },
        Notes: { type: "string" },
        Status: { type: "string" },
        Latitude: { type: "string" },
        Longitude: { type: "string" }
    },
    IsOpen: function () {
        return "My Return Value";
    }
});

1 Answer, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 03 Mar 2014, 01:26 PM
Hi Dan,

The inputs are actually displayed, but they are put on top of each other, because there are custom styles applied to the input elements inside a ListView. Please check the updated example, showing how to render both inputs on one row of a Kendo UI Mobile ListView:

http://jsbin.com/sured/1/edit

Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Data Source
Asked by
Dan
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question
or