Questions on Kendo UI for jQuery Forum

1 answer

189 views

I have a simple grid set however my grid does not display any data anyone know have any clues
$(document).ready(function () {

        $("#grid").kendoGrid({
            columns: [{ title: "Number", field: "Number" },
                    { title: "Title", field: "Title" }
                ],
            dataSource: {
                dataType: "json",
                transport: {
                    read: "/Accreditation/Requirement/GetRequirements"
                }
            }


        });

    });

here is my json object display coming from my action method
JSON

Sort by key


	Id	0
	Number	"1"
	Title	"test"

Grid

answered on 19 Dec 2011

0 answers

144 views

Prevent SilderChange event on RangeSlider Initialization

Hello,

I want to ajax post to a url when I change the slider value. But it posts every-time when I initialize the slider. For example :

$("#abc").kendoRangeSlider({

.......................................
change:changeFunction

});

I want to call the changeFunction only when I am changing the slider values. NOT while I initialize the slider itself. The reason is that I need to ajax different URLs while initialize and change values.

Please help me how can I get around it ?
Thanks.

Slider

asked on 19 Dec 2011

2 answers

217 views

Second time fails

Problem 1:
I think it's the way I have it setup, it shouldn't be initialized EVERY time...but I'm just not sure how to re-call the DS with the proper values. The problem is the error event KEEPs getting triggered even though it appears as if it works.
Video:http://screencast.com/t/xopirauz0W

Ok, so if I have the error event in there, it just hits it immediatly, if I remove the error event it WORKS the first time, then fails the second time.

function calculateResult() {

var result = 0.0;

var quantity = _quantityBox.value();

var fromList = $("#from-select").data("kendoDropDownList");

var toList = $("#to-select").data("kendoDropDownList");

var toDataItem = getWeightDataItem(toList.value());

//Calculate Result

$("#result").html("Calculating Result...one moment please");

var conversionDS = new kendo.data.DataSource({

transport: {

read: {

url: _oDataBasePath + "/USDA.svc/ConvertData?$format=json&$callback=callback&ndbno=" + toDataItem.NDB_No + "&seq=" + toDataItem.Seq + "&qty='" + quantity + "'&from='" + fromList.text() + "'&fromID=" + fromList.value() + "&to='" + toList.text() + "'&toID=" + toList.value(),

dataType: 'jsonp',

cache: false,

jsonp: false,

jsonpCallback: 'callback'

}

},

change: function () {

alert("works!");

var convertedData = this.data().d[0];

$("#result").html(convertedData);

}

}).read();

Live URL: http://dev.gourmetsleuth.com/calc.aspx

Problem 2:
So I tried seperating it out to the "data" property to see if that changed anything. However the data property is encoding variables on me
So given this:

data: {

$format : "json",

$callback: "callback",

ndbno: toDataItem.NDB_No,

seq: toDataItem.Seq,

qty: quantity,

from: "'" + fromList.text() + "'",

fromID: fromList.value(),

to: "'" + toList.text() + "'",

toID: toList.value()

},

the $format and $callback get changed to %24format which obviously fails....so no big deal, if I add them to the transport->read->url then it's smart enough to append the other data items without the duplicate question mark (great!)

However the oData\WCF service fails if I don't wrap my string variables in single quotes....but when I DO that in the above case it again encodes it, and fails :/

Data Source

answered on 18 Dec 2011

3 answers

173 views

[Solved] Tooltip template and serie's name

Hi,

I would like to customize tooltip for a line chart using templates. I need a serie's name and value but can't get it to work (I can only get category name).

I would appreciate help on this.

Thanks,

Igor

Charts

answered on 18 Dec 2011

2 answers

233 views

Example code needed to change drag hint on the fly.

Hi All,

I have a list of products and allowing the end user to select one product at a time and drop onto two possible locations/divs.

Depending on the selected product (some business rules), I want to have different hint depending which location the product is dragging into. So let say, if the product is dragging into location one, the hint can be either "dennied", a green icon, again, depending on the "current state of the product".

So would be great if someone can provide an example of how/where to hook up an event handler to change the drag hint dynamically.

Thanks!

JB

Drag and Drop

answered on 16 Dec 2011

0 answers

155 views

What is the scope of Datasource?

If I load up a datasource with states( one-time), for example, can I include the datasource on 2 different html templates/pages?

Data Source

asked on 16 Dec 2011

4 answers

360 views

[Solved] GPLv3

Hi,

Apologises in advance as this is probably the wrong section completely!

Basically, I have been using Kendo UI on one of my projects whilst it was in the beta stage. I can't afford the commercial license so want to use the GPLv3 version of Kendo UI. However, I'm not an expert on licensing at all. My current project will be open sourced (I don't know which license this will be under) and just wondered if anyone could list what implications the GPLv3 license might have on my current project.

Sorry again if this is in the wrong section but any help would be greatly appreciated.
Thanks

General Discussions

answered on 16 Dec 2011

4 answers

162 views

[Solved] Can grid handle manually injecting HTML?

I have the grid system correctly pulling the information from JSON, however I need to know if there is a way to add certain HTML elements to show up on the grid.
For example the grid shows all the columns of information about a music artist, but the last column I want to add a form with a submit button or a html link saying "Add to favorites" or "View artist".

All of the grid populating seems to be done in the backend of the js files and I dont know if there is an easier way or not.

Thank you

Grid

answered on 16 Dec 2011

3 answers

278 views

[Solved] No cross domain call

Hi there,

We're trying first attempt at the DataSource, and it's not making the call....

var dataSource = new kendo.data.DataSource({

transport: {

read: {

// the remote service url

url: "/Query/GetNews",

// JSONP is required for cross-domain AJAX

dataType: "json"

}

});

Does the DataSource NEED a http address?

Cheers

Data Source

answered on 16 Dec 2011

0 answers

60 views

Help building some pages

Hi, I am using Rails, and I am new to web development. So I need some directions to follow.

My application needs to display a list of cars (in a grid).
When one car is selected, I need to display a list of sales of this car in a grid, inside a kendoWindow.

Whats is the best way to do this?
Where I need to write my javascript initialization code?

Thanks.

General Discussions

asked on 16 Dec 2011