Questions on Kendo UI for jQuery Forum

5 answers

604 views

Hey there,

I'm having a problem with the datepicker in google chrome. It builds the input and calendar icon, but if I click the calendar icon, nothing happens. It's even a problem on the demo page on the KendoUI website: http://demos.kendoui.com/web/datepicker/index.html

The version of Chrome i'm using is: Version 23.0.1271.64 m

Has anyone else got this problem?

Cheers,
Ben

DatePicker

answered on 24 Dec 2012

1 answer

137 views

Not able to bind dynamic json data to Kendo UI

I tried the same thing explained in other thread. But I am not able to bind the json data to Kendo UI grid.
<div id="grid"></div>
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="../../Scripts/kendo/kendo.all.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var jData = new kendo.data.DataSource({
transport: {
read: {
url: "/Test/IndexTest",
dataType: "json"
}
},
});

$("#grid").kendoGrid({
dataSource: jData,
columns: [
{
field: "TestDe",
title: "Description"
},
{
field: "Url",
title: "TestStr"

}],
height: 200,
scrollable: true,
pageable: true,
sortable: {
mode: "multiple"
}
});
});
</script>

Json format is {"TestDe":null,"TestList":[],"Url":"dsgyuddufgufh"}

Code behind Controller
public JsonResult IndexTest()
{
TestTableSql t = new TestTableSql();
var a=t.GetTestTableList();
return Json(a, JsonRequestBehavior.AllowGet);
}

Grid

answered on 24 Dec 2012

1 answer

136 views

Dragging splitter causes screen to be dark

Hi I"m using the basic splitter and I am wondering why when I drag to resize there is a dark overlay over the entire viewport. This does not happen in the demos and I've done nothing to implement this? Am i dong something wrong?

<div id="splitter" style="min-height:700px">

<div class="left-panel" style="width:100px">

<div id="cashPanel" class="left-panel"></div>

</div>

<div >

<div id="offsetPanel" class=""></div>

</div>

<div>

<div id="premiumList" style="height:100%">

<div id="searchPremMatchList"></div>

</div>

$("#splitter").kendoSplitter({

orientation: "horizontal",

panes: [

{ collapsible: false, size: "250px" },

{ collapsible: false, size: "700px" },

{ collapsible: false }

]

});

Splitter

answered on 24 Dec 2012

1 answer

284 views

ModalView with input text field, closing on Android when keyboard appears.

Hi There,

I have a ModalView with an input text field, which closes on Android as soon as the onscreen keyboard appears.

In the browser (Chrome) it works ok, here's the source.

<div data-role="modalview" id="modalview-add-to-cart" style="width: 95%; height: 270px;">

<div data-role="header">

<div data-role="navbar">

<span>Add to order</span>

<a data-click="closeModalView" data-role="button" data-align="right">Cancel</a>

</div>

<div class="modal-view-inset">

<div id="modalview-add-to-cart-order"></div>

<div><input type="text"

id="modalview-add-to-cart-customer-note" placeholder="Any special instructions?"></input></div>

</div>

<div data-role="footer">

<a data-click="addToCart" type="button"

data-role="button">Add To Your Order</a>

</div>

I'm invoking it from a function call (triggered by a data-role="touch" data-tap="handler")

$('#modalview-add-to-cart').data("kendoMobileModalView").open();

However, if I launch it using:

<a data-rel="modalview" href="#modalview-add-to-cart" class="menu-item-buy" >+</div>

It works as expected, how can I stop it closing when opened by the javascript?

ModalView

answered on 24 Dec 2012

1 answer

149 views

Shared Layout Contains NavBar. Can I update NavBar title using MVVM inside the View that uses Layout?

I'm attempting set the NavBar title in a shared Layout dynamically using MVVM. I would like to do this within each View that implements that Layout. I know that I can use the data-title attribute on the View to set the NavBar's title at runtime; however, the reason I would like to be able to set it dynamically is so that the NavBar title can represent the application state that will change with each ajax call done within the separate views. Since the ajax calls will update the view-model, it would be convenient to have these change propagated to the NavBar's title automatically. Short of eliminating the layout and putting a separate NavBar within each View, is there a way for the View to update the Layout's NavBar on the fly?

General Discussions

answered on 23 Dec 2012

3 answers

493 views

odata support for $expand command with Grid

does the odata transport for the grid support the odata $expand command. if yes do you have an example i can have, as I cannot get it working.

Grid

answered on 23 Dec 2012

3 answers

253 views

Use an image as a bar chart's background pattern?

Is there a way to use an image as a bar chart's background pattern?

Charts

answered on 21 Dec 2012

2 answers

160 views

Autocomplete with JSONP problems

I was trying to follow the instructions here: http://docs.kendoui.com/getting-started/web/autocomplete/overview#using-the-kendo-ui-web-datasource-to-bind-to-jsonp ut I am not seeming to get this to work. When I am looking at the console, the GET request is going out just fine, I just get nothing back. If I type the url into my browser, it works fine. I am trying to get JSON back (JSONP since it is not the same url) - what am I doing wrong?

Here is my js:

$('#ManufacturerConfirmationId').kendoAutoComplete({

minLength: 3,

dataTextField: "ManufacturerConfirmationId",

filter: "contains",

dataSource: new kendo.data.DataSource({

transport: {

read: {

url: serviceBase + 'EquipmentWarranties/ManufacturerConfirmationIdsComplete',

data: {

manufacturerId: function () { return $('#ManufacturerId').val(); },

manufacturerConfirmationId: function () { return $('#ManufacturerConfirmationId').val(); }

}

}),

change: function () {

this.dataSource.read();

}

});

AutoComplete

answered on 21 Dec 2012

1 answer

204 views

Remote View as Initial View?

Hi there,

is it possible to have a remote view as an initial view?

Thx,
Eric

Application

answered on 21 Dec 2012

3 answers

284 views

[Solved] change the field in popup editor

Hi,
I need to perform some changes in my popup editor after it is loaded, on the selection of a input field some calculation will be done and the result is supposed to be displayed in one of the input filed in the template. Is there a way to intercept some kind of event? I love this editor and hope to use it, but I need to resolve this issue. I'd appreciate your comments and suggestions.

Thanks in Advance
Varun

Templates

answered on 21 Dec 2012