Questions on Kendo UI for jQuery Forum

1 answer

83 views

Layout problem while putting Grid under a TapStrip.

Hi,all..I put a Grid under the TabStrip.The TabStrip is generated before the Gird and then the Grid is generated dynamically by script(by clicking a button), I got the following problem:
If the Tab is active when generating the Grid then everything works fine.
http://dexterlab.sinaapp.com/tab3.png
but if the target Tab is not active when inserting the grid, the grid's height seems not right, it will overflow in the Tab..Even if I specify the height attribute of Grid.
http://dexterlab.sinaapp.com/tab1.png
http://dexterlab.sinaapp.com/tab2.png
I think there is something wrong with the height calculation of grid under this situation.How to fix it? Thanks!

General Discussions

answered on 19 Dec 2011

4 answers

321 views

Window z-index behaviour issues

Hi guys,

I'm having a problem with the z-indexing on some combo box controls that are placed in the div of a window control. Basically, the combo box appears okay in the window, but if you click the combo box and try and make a selection, the k-animation-container always appears around z-index 10002 or 10003, which is always under the window control.

Or am i doing it wrong?

Tony

Window

answered on 19 Dec 2011

1 answer

171 views

How to fire Upload in a form submit and pass HttpPostedFileBase to server-side?

How can I implement firing upload while clicking submit as below code?

@using (Ajax.BeginForm("Upload", null, null, null }))

{

<input id="Uploaded" name="Uploaded" type="file" />

<input type="submit" class="buttonPro k-upload-selected" value="Add" />

}

for server-side, code is :

[HttpPost]

public Boolean Upload(HttpPostedFileBase Uploaded)

{

...

}

Upload

answered on 19 Dec 2011

1 answer

153 views

Problem binding json to grid

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

115 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

169 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

159 views

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

192 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

122 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

267 views

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