i am struggling to get json data values,
here attached my files please any one help me?

In the OpenSource edition(kendoui.web.2013.1.319.open-source) , the main html for websushi example is missing. The Page can't be rendered.

I am having trouble rendering my child Combox using the cascade option.

Here are the parent/child data sources which shows I'm attempting to link the child "parent_id" to the parent "portfolioIid"

portfoliosList
{"portfoliosList": "Member1", "portfolio_id": 2 } ,
{"portfolioName": "Member2", "portfolio_id": 3}

accountsList array:
      
            { "account_id": 4, "accountName": "Account1", "parent_id": 2 },
            { "account_id": 5, "accountName": "Account2", "parent_id": 2 },
            { "account_id": 6, "accountName": "Account3", "parent_id": 3 },
            { "account_id": 7, "accountName": "Account4", "parent_id": 3 }

Here are my editor function which are attached to my grid:
/// POPULATE PORTFOLIOS (aka Members) COMBOBOX
    function portfolioComboBoxEditor(container, options) {
        var input = $('<input required id="portfolioName" name="portfolioName" data-text-field="portfolioName" data-value-field="portfolio_id" data-bind="value:' + options.field + '"/>');

        input.appendTo(container);
        input.kendoComboBox({
            dataTextField: "portfolioName",
            dataValueField: "portfolio_id",
            dataSource: {
                type: "json",
                data: portfoliosList
            },
            optionLabel: "Choose a portfolio",
        }).appendTo(container);
    }
    /// POPULATE ACCOUNTS COMBOBOX
    function accountComboBoxEditor(container, options) {
        var input = $('<input required id="accountName" name="accountName" data-text-field="accountName" data-value-field="account_id" data-bind="value:' + options.field + '"/>');

        input.appendTo(container);       
        input.kendoComboBox({
            cascadeFrom: "portfolioName",
            cascadeFromField: "parent_id",
            dataTextField: "accountName",
            dataValueField: "account_id" ,
            dataSource: {
                type: "json",
                data: accountsList
            },
            autoBind: false,
            filter: "contains",
            optionLabel: "Choose an account",
        }).appendTo(container);
       
    }


 I'm not sure where I'm going wrong. The the child combobox (is initially is grayed out) but then remains an empty list.

Thank you in advance for your assitance.

I have a MVVM DropDownList that uses a ViewModel whose DataSource uses a Model with a calculated field. If I attempt to set data-option-label on the DropDownList, I get "TypeError: d.<MyCalculatedField> is not a function". What can I do? This implementation works great on a DropDownList without a calculated field in its Model. Thanks!

Hello,

We are using the MVC wrapper to create a grid that contains a column with a date in it.

The date is stored in UTC, and we would like to display it in UTC.

For most browsers, simply binding to the column and specifying a format string of "MM/dd/yyyy" works fine, but on the iPad the date is being converted to the local time zone instead. We are using remote data binding.

After searching around, I came across this:

http://www.kendoui.com/code-library/mvc/grid/using-utc-time-on-both-client-and-server-sides.aspx

Which suggests that there is no work around other than to add the client-side javascript to convert the date back to it's original time zone. I am just posting this message to confirm that this is still the case (since that project is over a year old).

Thanks,
--Dan

Hi,

I need to create 3 tabs dynamically (with JavaScript), It works fine, if I have another tab created before, if not, I can see the "tab titles" but not the content and I am don't know what happens.

If I have this:

<div id="tabstrip" >
<ul>
       <li class="k-state-active">tab 1</li>
</ul>
 <div>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
    </div>
</div>

I can create new Tabs using this function:

var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
tabStrip.append({
            text: "title",
            content:  generateTabContent("19")
        });

And works fine, but I have problems when I try to create new tabs dynamically without any previous tabs... 

I am sure that is something simple... but I cannot find the problem.

Please can anyone help me? 
Thanks,

Seems there's an issue with back button to listview. Below listview renders fine with load more button and pull to refresh works fine.
However, when i click any list (to show detail content), it shows the detail fine... but when clicking the back button in the header, my listview is collapsed and shows the last item only (all the rest items are below the last item, so it is all collapsed). When i take pull to refresh action, then the listview shows normal.

have any clue???

Using optionLabel in conjunction with template produces undesirable effect.
In this case both ${ data.State } and ${ data.Representative } come back
as undefined. You should not apply template on optionLabel.


dataTextField: "District",

dataValueField: "District",
filter: "contains",
optionLabel: "----------------",
template: kendo.template("${ data.State } ${ data.District } - ${ data.Representative }"),

Hi,

Im trying to update my listview datasource with .read() .refresh() but it creates a new search box.  This also happens if I call the listview with data-show at the view.

Any ideas on how to remove the old search box?

Thanks.

<div data-role="view" data-layout="overview-layout" id="overview-current" data-show="mobileListViewFilteringCurrent" data-title="test">
     <center><h2>TESTING</h2></center>
     <ul id="filterable-listview-current"></ul>
</di>


function mobileListViewFilteringCurrent() {
$("#filterable-listview-current").kendoMobileListView({
dataSource: new kendo.data.DataSource({
transport: {
read: {
url: "http://xxx.xxx.xx/data.php?mall="+current,
dataType: "json",
data: {
q: "javascript"
}
}
},
schema: {
data: "results" 
},
group: {
field: "letter"
},
sort: {
field: "name",
dir: "desc"
}
}),
template: $("#customListViewTemplate").html(),
filterable: {
field: "name",
placeholder: "Escriba el nombre del comercio...",
ignoreCase: true ,
operator: "contains"
},
fixedHeaders: true
});

I'm experiencing a difference between IE and Chrome with the label overflow on the charts.  I'm using the sparkline to create a few barcharts in a table, and the labels are being cut off when viewing it in Chrome, overflow is visible in IE10.

Attached are some screenshots.  The bottom bar is 100%, the value = valueAxis.max.  The labels are set to "outsideEnd".  I've tried "insideEnd" which works when the value is 100%, but when the bar is 0% the "insideEnd" labels are cut off.  Not sure if I can make it conditional, display "insideEnd" if bar value is >50% and "outsideEnd" if bar value is <= 50%...

DataViz version is Q3 2013 1119.

The chart hierarchy is in:
      <table><tr><td><div><span id="sparkline"></span></div></td></tr></table>
I've tried setting overflow:visible on all of the parent elements.