Questions on Kendo UI for jQuery Forum

0 answers

332 views

I am attempting to add a "click" handler to a button (actually an anchor tag with data-role="button" attribute) that also has an 'href' attribute specified. Essentially, I want to specify which view the button should link to in the HTML, but run some code prior to switching.

Unfortunately, the navigation appears to cancel out the click handler, so my click event does not fire. I verified that I had the click event wired up properly by removing the 'href' attribute, and everything works as expected (except the view doesn't change), then when I add the 'href' attribute back in, the click event stops firing.

I hope that makes sense! Any ideas?

Button (Mobile)

asked on 18 Oct 2012

1 answer

231 views

Combobox - autocomplete

I've defined a combobox this way:

$(document).ready(function () {

cboSite = $("#SiteId").kendoComboBox({

minLength: 2,

suggest: true,

autoBind: false,

dataTextField: "text",

dataValueField: "value",

dataSource: {

serverFiltering: true,

serverPaging: true,

datatype: 'json',

transport: {

read: {

url: '@Url.Action("GetSites", "Equipment", new { area = "Equipment" })',

data: {

q: function () {

return cboSite.text();

}

,

schema: {

data: function (data) {

return data.result;

}

}).data("kendoComboBox");

});

But I have two problems:
- if the data returned by GetSites is empty, this GetSites method is then called endlessly (I see that in firebug, it's like an infinite loop)
- if I return data filtered by the text typed by the user, then the GetSites method is never called again when he types something else

Thanks in advance

ComboBox

answered on 17 Oct 2012

3 answers

674 views

Grid row selection change event not firing

I got a grid where I've set

selectable: true

but the change event does not fire. Any ideas why it would be so?

Grid

answered on 17 Oct 2012

0 answers

250 views

how to reset model/form create data

Hi, i have problem with create and update data, if i creating data and after that updating data, model/form create data is before will be running again, so data always added when update data.
this my script :

dataSource = new kendo.data.DataSource({

transport: {

read: {url:"<?=base_url()?>/bank"},

update: {url:"<?=base_url()?>/bank/update", type:"POST"},

destroy: {url:"<?=base_url()?>/bank/destroy",type:"POST"},

create: {url:"<?=base_url()?>/bank/create",type:"POST"},

},

error: function(e) {

alert(e.responseText);

},

batch: true, pageSize: 25,

schema: {

model: {

id: "id_bank",

fields: {

nama_bank: { type: "string" },

}

});

//kendo grid

$("#grid_bank").kendoGrid({

dataSource: dataSource,

editable: "popup", height: 450, filterable: true, sortable: true, pageable: true,

toolbar: ["create"],

columns: [

{ field: "nama_bank",title: "Nama", filterable: true },

{ command: ["edit", "destroy"], title: " ", width: "160px" }

]

});

i think a solution is function parameterMap, but i don't know for using that

thank you before

Grid

asked on 17 Oct 2012

0 answers

96 views

Why is Kendo forcing a height on my grid?

According to the Kendo documentation, grids will "expand to fit the width and height of its container and contents" by default. This is what I want. However, some script is automatically generating a style="height:129px" for the .k-widget div, and style="height: 99px;" for the .k-grid-content div. I can't figure out where this 130px height is coming from, I haven't specified it anywhere, and the grid is inside a container that is much larger than 130px high, and the content of the grid is thousands of pixels high..

This is the Javascript I'm using:

$Elem.children(".table").kendoGrid({

dataSource: data,

/* height: "100%", (do not specify height) */

scrollable: true,

selectable: true,

sortable: true,

filterable: true,

pageable: false,

resizable: true,

rowTemplate: kendo.template($chanElem.children(".rowTemplate").html())

});

Is there a way to manually force a grid to have height:auto or height:100%? (As you can see above, I've tried putting 100% in the Javascript to no avail.)

Grid

asked on 17 Oct 2012

0 answers

100 views

GET user_timeline from Twitter

Hi,

I want to stream a users timeline from twitter into a listview. I have tried to do this using the pull to refresh - scroll to load example and querying the username instead of html5. However this doesn't return all the users tweets only tweets up-to a certain date (17/10/2012 - 09/10/2012 no later!). So I changed the datasource to the code below:

var dataSource = new kendo.data.DataSource({

serverPaging: true,

pageSize: 10,

transport: {

read: {

// the remote service url

url: "https://api.twitter.com/1/statuses/user_timeline.json",

// JSONP is required for cross-domain AJAX

dataType: "jsonp",

// additional parameters sent to the remote service

data: {

screen_name: "USER_ID"

}

},

schema: { // describe the result format

data: "results" // the data which the data source will be bound to is in the "results" field

}

});

This doesn't work and nothing loads! I can't work out what's different from this apart from using 'screen_name' instead of 'q'. The query works if you put it into your browser: "https://api.twitter.com/1/statuses/user_timeline.json?screen_name=USER_ID".

The documentation from Twitter can be found here: https://dev.twitter.com/docs/api/1/get/statuses/user_timeline

What is wrong? Why isn't it working?

Thanks,
Thomas

Data Source

asked on 17 Oct 2012

2 answers

278 views

ComboBox value=text when text item starts with an integer

I'm using the code below for my combobox:

$("#ResourcesList").kendoComboBox({

index: 0,

placeholder: "Search by title/description",

dataTextField: "Title",

dataValueField: "ResourceID",

filter: "contains",

template: '<div style="padding: 10px;"><strong>#= Title #</strong>' +

'<div style="margin-top: 5px;" class="t1">#= Description #</div></div>',

dataSource: {

type: "jsonp",

serverFiltering: true,

serverPaging: true,

pageSize: 20,

transport: {

read: {

url: function (kcb) {

var strurl="/mysite/GetResourcesList?filtertext=" +

$("#ResourcesList").data().kendoComboBox.text();

return strurl;

}

});

Calling the following code will return the value of the combox except when an item's "Title" starts with an integer such as "2012 resource item title...". In this case executing the code below returns the "Title" property instead of the "ResourceID" property.

alert($("#ResourcesList").data("kendoComboBox").value())

ComboBox

answered on 17 Oct 2012

10 answers

402 views

Popup windows do not get removed from DOM

When I use popup editing, the dialog window created for the editing is appended to the DOM. If I do several rename/delete/add actions there are several k-window divs still attached to the DOM. It's unlikely to cause a problem, but I find it unexpected.

Grid

answered on 17 Oct 2012

0 answers

136 views

Multiple axes with stacked chart

Hi,

I'm trying to bind multiple axis for stacked bar chart.
Is it possible to show x axis series based on category axis(y)...?

Please find the below kendoui chart and silverlight chart images.
We have requirement to show chart as image2. Is it possible in kendoui..?

Kendoui chart(image1)

silverlight chart(image2)

Thanks,
Rajesh

Charts

asked on 17 Oct 2012

3 answers

117 views

BUG during slide effect

Hello guys,
I found a bug, when I tap on an item of listview to switch from one view to another, if during the transition of slide effect I touch the view from below upwards, the view moves.
Is there a way to apply the preventDefault during the slide transition effect?

ListView (Mobile)

answered on 17 Oct 2012