Questions on Kendo UI for jQuery Forum

1 answer

98 views

White text calendar header titles on colored background

I'm trying to style the Month text in the calendar component in the header to add a colored background with white text. However, it seems that all the links are tied to the k-link css style, so changing the text color also changes the color of the days in the calendar as well, which are also on a white background. I've attempted to add my own style, but it breaks the header, or goes totally ignored. Please advise as to the steps needed to separate the header style from the overall link style in the component,

Thanks

M

Calendar

answered on 19 Dec 2011

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

332 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

176 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

161 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

119 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

178 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

162 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

201 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