Questions on Kendo UI for jQuery Forum

1 answer

120 views

Hello,

I am trying to port cascading dropdown from WebUi samples i.e. Make/Model to mobile and having hard time to do simple binding (local or remote) to <select /> element with form.
What am I doing wrong? Good example would be appreciated.

General Discussions

answered on 13 Sep 2012

0 answers

133 views

How to scroll down listView

Hi All,

I have some Buttons on the left side and a scrollable listView on the right. Every Button belongs to an element in the listView.
For example button3 belongs to element number 12:
var element = $("#scrollbar_kendo").data().kendoListView.element.children()[12];

My question is: How can i scroll down the listView to display the element number 12?

Is that possible?

Thanks
Sebastian

ListView

asked on 13 Sep 2012

3 answers

975 views

Autocomplete JSON Response

Hey there,

I was wondering if you can explain to me why I get the following error:

"d.name is undefined"

JS:
$(function () {
    $("#id_purchase_place").kendoAutoComplete({
        minLength:3,
        dataTextField:'name',
        dataSource:{
            serverPaging:true,
            pageSize:20,
            contentType:'application/json; charset=utf-8',
            type:'GET',
            dataType:'json',
            transport:{
                read:'/purchases/ajaxpurchase_place/'
            }
        }
    })
});

JSON RESPONSE

[{"name": "Woolies"}, {"name": "Bunnings"}]

AutoComplete

answered on 13 Sep 2012

0 answers

104 views

Where are my parents? (Passing context data to a file upload)

I have many KendoFile controls that are dynamically created using a loop. They all work, and upload files. But for each one I need to know their unique ID (which I pass back to the handler). However when the upload event fires I can't seem to traverse to find parents.

So the way I get the ID now is to register a click event, and put the val into a global variable. This works for normal uploads. But it all fails for drag and drop.

First I write one upload control per round

<asp:Repeater ID="Repeater1" runat="server">

<ItemTemplate>

<div class="roundSectionHeader">

<span class="uploadwrapper" data-roundid="<%# Eval("ID") %>">

<input type="file" ID="LayoutUpload<%# Eval("ID") %>" class="kendoFileLayout" />

</span>

</div>

</ItemTemplate>

</asp:Repeater>

Then I wire it up.

$(".kendoFileLayout").kendoUpload({

async: {

saveUrl: "../Handlers/UploadPDF.ashx",

removeUrl: "../Handlers/RemovePDF.ashx",

autoUpload: true

},

success: onSuccessLayout,

upload: function onUploadLayout(e) {

e.data = { jobid: pageValues.jobId, jobroundid: layoutRoundId, fullname: globalValues.fullName };

}

});

But to get layoutRoundId I wire a click event

$(".uploadwrapper").click(function () {

layoutRoundId = $(this).data("roundid");

});

This works, but I cannot get a good event for the drop event. Also once I am inside the kendoUpload event I seem to lose context and cannot reference parents or siblings

Upload

asked on 12 Sep 2012

0 answers

109 views

Bubble Chart: sizeField not working when data is grouped

I have a bubble chart shown below. It works ok, except the sizeField is not sizing appropriately. If I remove the grouping, the sizeField will work correctly, but I will not see the data grouped how I would like it. (Comment out the "group:" section to see difference).

Is this a bug or a problem in my code?

<script>

var Productivity = [

{

perHour: 1100,

score: 5.25,

units: 49610,

area: "Territory 31",

year: 2012

},

{

perHour: 800,

score: 8.53,

units: 304197,

area: "Territory 32",

year: 2012

},

{

perHour: 965,

score: 8.62,

units: 13403,

area: "Territory 33",

year: 2012

},

{

perHour: 785,

score: 7.97,

units: 125007,

area: "Territory 34",

year: 2012

},

{

perHour: 690,

score: 8.04,

units: 137459,

area: "Territory 36",

year: 2012

},

{

perHour: 1050,

score: 7.9,

units: 214197,

area: "Territory 42",

year: 2012

},

{

perHour: 705,

score: 5.2,

units: 95403,

area: "Territory 43",

year: 2012

},

{

perHour: 1190,

score: 9.8,

units: 425007,

area: "Territory 44",

year: 2012

},

{

perHour: 250,

score: 4.5,

units: 189592,

area: "Territory 46",

year: 2012

}

];

function createChart() {

$("#chart").kendoChart({

dataSource: {

data: Productivity

,group: {

field: "area"

}

},

series: [{

name: "Accuracy vs. Productivity",

type: "bubble",

xField: "perHour",

yField: "score",

sizeField: "units"

}]

,tooltip: {

visible: true,

format: "{2:N0} units",

opacity: 1

}

});

}

$(document).ready(function() {

setTimeout(function() {

// Initialize the chart with a delay to make sure

// the initial animation is visible

createChart();

$("#example").bind("kendo:skinChange", function(e) {

createChart();

});

}, 400);

});

</script>

Charts

asked on 12 Sep 2012

0 answers

146 views

Telerik Fluent API

Hi,

I'm having trouble using the Fluent API to create my treeview. Both Template and CheckboxTemplate do not seem to affect my nodes that have been created through BindTo. Special characters in the templates are also resulting in their escaped source code representations such as "\u0027". Can you guys please provide some advice and perhaps an example of a databound TreeView created through the Fluent API that uses checkboxes? Thanks.

Reposted in the MVC forum. Sorry. Please delete this one.

TreeView

asked on 12 Sep 2012

2 answers

332 views

load the menu dynamically using datasource or json

hi,
I want to load the menu dynamically using Hierarchical data Source.can u provide some sample code to load menu dynamically using hierarchical data Source.

Menu

answered on 12 Sep 2012

2 answers

295 views

Disable Switch

Hi, how do I disable a switch in Kendo Mobile?

I am using the following html:
<input data-role="switch" id="KeepMeSignedIn" name="KeepMeSignedIn" type="checkbox" disabled="true"></input>

Thanks in advance

Switch (Mobile)

answered on 12 Sep 2012

6 answers

338 views

Pull to refresh with endless scrolling

Hi,

Is there a way to capture the 'pullToRefresh' event so I can clear out my 'pageSize / page' variables?

The issue is this:

If you have endless scroll enabled and scroll down to load the next page, when you scroll back up and drag down to activate the pull to refresh function, the ajax request is sent with the parameters used for the pagination.

var datasource = new kendo.data.DataSource( {

serverPaging: true,

pageSize: 30,

page: 1,

transport: {

read: {

url: url,

datatype: 'jsonp'

},

parameterMap: function (options) {

console.dir( options );

var parameters = {

st: ( options.page - 1 ) * options.pageSize

}

return parameters;

}

},

schema: {

data: function (data) {

return data;

},

total: function (data) {

return data.count; // total number of items

}

} );

I need to send an offset (st) rather than a page number to the database but regardless, when I pull to refresh, I'd like to reset those values.

Thanks!

ListView (Mobile)

answered on 12 Sep 2012

0 answers

84 views

Change Page Event

Hi,

How can I drive the change page event in a pageable grid ???

Thanks in advance

Grid

asked on 12 Sep 2012