Questions on Kendo UI for jQuery Forum

4 answers

250 views

Question about iframe

// line 822

if (options.content && !isLocalUrl(options.content)) {

contentHtml.html(templates.iframe(options));

}

I think it's worth to give the programmer to decide on the insertiframe. It may be helpful:)

Window

answered on 18 Jan 2012

1 answer

301 views

How to do drag and drop with selected rows in a grid?

I have a selectable grid and I want to be able to drag the selected row into a drop target.

I tried attaching kendoDraggable on all the grid rows to make all the rows draggle something like this:

$("#grid tr").kendoDraggable({
hint: function() {
var g = $("#grid").data("kendoGrid")
return g.select().clone()
},
dragstart: function() { console.log("drag start");},
dragend: function() {console.log("drag end");}
});

Unfortunately, this doesn't work. What I am doing wrong?

Grid

answered on 17 Jan 2012

2 answers

538 views

Shared DataSource - each UI element seems to read?

I have a shared DataSouce that I wish to bind to multiple UI elements (dropdown and chart).

The DataSource has a change event so I can intercept the data.

What I observe is that EACH UI element seems to cause the DataSource to execute rather than the first one only.

Here is some code to illustrate :-

var metaDataSource

;

function createPieChart() {

$("#pie").kendoChart({

dataSource: metaDataSource,

title: {

text: "Total XDC Hits"

},

legend: {

position: "bottom"

},

seriesDefaults: {

type: "pie",

labels: {

visible: "true",

template: "#= kendo.format('{0:P}', percentage)#"

}

},

series:

[{

field: "TotalHits",

categoryField: "Name"

}],

chartArea: {

height: 300,

margin: 1

},

plotArea: {

margin: 1

}

});

}

function createList() {

$("#list").kendoDropDownList({

index: 0,

dataSource : metaDataSource,

dataTextField: "Name",

dataValueField: "ID",

change: onSelectXDC

});

}

function onSelectXDC() {

var dl=$("#list").data("kendoDropDownList");

var txt = dl.text();

var val = dl.value();

log(kendo.format("Select XDC :: {0} {1}", txt, val ));

}

function OnListXDC(e) {

var view = metaDataSource.view();

log(kendo.format("ds listxdc, #rows={0}",view.length));

$(view).each(function() {

log(kendo.format("ID={0}, Name={1}, Hits={2}",this.ID,this.Name,this.TotalHits));

});

}

$(document).ready(function(){

metaDataSource = new kendo.data.DataSource({

transport: {

read: {

url: "/metrics/listxdc",

data: {

json: "true",

simu: "true"

}

},

schema: {

model: {

fields: {

ID: { type: "number" },

Name: { type: "string" },

Path: { type: "string" },

TotalHits: { type: "number" }

}

},

change: OnListXDC

});

createList();

createPieChart();

});

I define the DataSource and then call createList to use this with a dropdown. This works and I see the change event for the DataSource as expected.

Next, I call createPieChart to use the same DataSource BUT I get another change on the DataSource and another network call is made?

I wish for there to be a single network call and for the results to be bound to the two UI elements until I call .read() on the DataSource to trigger an update.

Can you please take a look and see if I am doing something wrong here?

Data Source

answered on 17 Jan 2012

3 answers

366 views

Handle AJAX request

Hello,

When I have any kind of error my JSON response is like:

{ error: true, message: "Error caused ....", date: "date ... " },

When I make an AJAX conn by myself I can check whether there has been any error or not, but how can I check it when kendoGrid makes a connection to "Save data"?

Thanks.

Grid

answered on 17 Jan 2012

5 answers

160 views

Filter Trouble

This doesn't seem to return anything (Should show Jane), am I using Filters incorrectly?

var stuff = [

{

FirstName: "Joe",

LastName: "Smith"

},

{

FirstName: "Jane",

LastName: "Smith"

}];

var ds = new kendo.data.DataSource({data: stuff});

$("#grid").kendoGrid({

columns:[

{

field: "FirstName",

title: "First Name"

},

{

field: "LastName",

title: "Last Name"

}],

dataSource: ds.filter([{ field: "FirstName", operator: "neq", value: "Joe" }])

});

Data Source

answered on 17 Jan 2012

2 answers

697 views

How do we increase the dropdownlist items font

how to increase dropdownlist items font size

DropDownList

answered on 17 Jan 2012

3 answers

208 views

Is there a way to reset the URL of a datasource

Hi

I'm using a datasource to populate a grid. When the page loads for the first time I set the URL variable to the datasource. How can I change the URL of the datasource after it was created? The url changes when the user clicks on several items in the page and I don't want to use data property to send parameters to the url (the url changes and the parameters also).

If I initialize the datasource in every click I have strange behaviour. I've read in the forum that it's not advisable to do that

Thanks for your attention

Data Source

answered on 17 Jan 2012

0 answers

177 views

Grid + JSON example

Does anybody knows if there is any perfect example available where JSON is implemented in Kendo Grid along with PHP5?

Grid

asked on 17 Jan 2012

1 answer

41 views

BUG: Using k-window class in page brakes window functionality

As said in title, if I use something like this to style div to look like window ...

<div class="k-widget k-window panel">

... and call some window, window cannot be closed.

Error: Cannot read property 'options' of undefined

Window

answered on 17 Jan 2012

1 answer

150 views

How to filter datasource using QueryStringParameter

Hi,

I'm newbie with js and HTML5. I have no idea how to pass value from QueryStringParameter (set in URL) and filter KendoDataSource ?

http://www.myapp.aspx?orderID=1234

example:

$("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            serverFiltering: true,
                            filter: [{ field: "Order_ID", operator: "equals", value: 1234}
                            ]

BR
Marko

Data Source

answered on 17 Jan 2012