Questions on Kendo UI for jQuery Forum

4 answers

81 views

Using a simple page with a back button causes the following error when button is touched:

05-27 23:11:34.639: E/Web Console(26316): Uncaught TypeError: Cannot call method 'split' of undefined at file:///android_asset/www/js/kendo.mobile.min.js:13

Downloaded Kendo complete about May 20th, 2013.
Here is the entire page:

<!DOCTYPE html>
<html>
<head>
<title>Kendo UI Mobile</title>
<link href="css/kendo.mobile.all.min.css" rel="stylesheet"
type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.mobile.min.js"></script>
</head>
<body>
<div data-role="view" data-title="View" id="index">
Some text just to fill some space<br>
<br> <a data-role="backbutton">Foo</a>
</div>
<script>
var app = new kendo.mobile.Application();
</script>
</body>
</html>

Is this a bug or what?

Thanks,
Kevin

General Discussions

answered on 31 May 2013

1 answer

79 views

Multiple Applications

We are putting together the first application for our company. We do small parcel shipping, so we generate labels, track packages, and do some account maintenance activities. All of the items we are looking at doing are closely related in terms of what our customer wants to do, but are distinct in terms of data and programming.

I am struggling with making one application or three. I would like to go with three, I think it would be a better user experience, but I don't know if there are any limitations that I would run into.

I am also not sure if it would be better to have a single application, in terms of kendo application or tear it down and re init it as they leave and go back. I am thinking that the later would be cleaner, but I don't know if you destroy and recreate the same app 20 times, will it get buggy?

I am hoping that I can get some sort of an idea as to what is considered best practice for this.

Thanks
Randy Miller

Application

answered on 31 May 2013

3 answers

145 views

multi button compose buttongroup

code below , how to use kendoui API to custom these buttons in listview to make single select one from these,

<ul data-role="listview">

<li class="btngroup">

<a data-role="button" data-click="btnClick" class="scorebtn">10</a>

<a data-role="button" data-click="btnClick" class="scorebtn">9</a>

<a data-role="button" data-click="btnClick" class="scorebtn">8</a>

<a data-role="button" data-click="btnClick" class="scorebtn">7</a>

<a data-role="button" data-click="btnClick" class="scorebtn">6</a>

<a data-role="button" data-click="btnClick" class="scorebtn">5</a>

<a data-role="button" data-click="btnClick" class="scorebtn">4</a>

<a data-role="button" data-click="btnClick" class="scorebtn">3</a>

<a data-role="button" data-click="btnClick" class="scorebtn">2</a>

<a data-role="button" data-click="btnClick" class="scorebtn">1</a>

</li>

</ul>

1)button click event target is null ? why? use JQuery method below:

$(".btngroup .scorebtn").on("click",function(e){

console.log("btn click"+e.target);

});

e.target is null

2) when click button btnClick function is not fire

function btnClick(e){

console.log("btnClick");

console.log(this.element);

}

Button (Mobile)

answered on 31 May 2013

3 answers

95 views

Compare series

Hi,

My organization is evaluating your dataviz product and was wondering if the charts allowed a user to compare series in the tooltip with a line - similar to so http://www.highcharts.com/stock/demo/compare. If not, what is the timetable for when this feature may be available?

Thanks much,
Tonih

Charts

answered on 31 May 2013

1 answer

44 views

Virtual Scrolling and Cell Editing cause multiple updates

When you have a data source that is more than a few pages long, here is a settings and steps to replicate the problem.

Select an editable cell on the intial load of the grid
Scroll down the grid until dynamic loading occur
The select another cell to edit
commit the edit by moving the focus away from that cell.

We found that the transport.update method is fired more than once (sometimes more than twice) in this case.

var gridData = new kendo.data.DataSource({

transport: transport,

serverPaging: true,

serverSorting: true,

serverFiltering: true,

schema: {

...

},

pageSize: 50,

autoSync: true,

error: gridHelper.error

});

grid.kendoGrid({

dataSource: gridData,

sortable: true,

navigatable: true,

editable: true,

scrollable: {

virtual: true

},

resizable: true,

selectable: 'row'

});

Grid

answered on 31 May 2013

1 answer

138 views

Value axis minimum interval

I would like to set a minimum interval for the value axis in a chart because values with decimals don't make sense in this instance (you can't have half of a working chair, for instance).

I tried using valueAxis.labels.format = "n0". However, in an empty grid (which automatically scales to a max of 1.2) this rounds values such as 0.4 down to 0 and values such as 0.6 up to 1 (I've attached a screenshot of what this looks like). I was hoping that any scale value that had a decimal part would not be displayed at all.

Is there any way for me to accomplish this? Other requirements are that I can't set a hard max on the value axis as I need the graph to be dynamically scalable on that axis.

Charts

answered on 31 May 2013

1 answer

1.5K+ views

Grid Date Column Default Value

When I add a new row my date column is getting a default value assigned to it which is the date from when the grid initially loaded and not the current date. Is this the expected behavior?

Grid

answered on 31 May 2013

2 answers

251 views

KendoUI launch a new modal window with content from a controller -> view

Hi,
I have been trying to launch a window from a base page and the launch window content view will have to be from an action.
With the below code block, I'm getting a blank window, please help in this regard.
fyi... I have converted my existing application to KendoUI using the tool menu upgrade wizard.

<div id="divDocsUploadWindow">
    @(Html.Kendo().Window()
        .Name("DocsUploadWindow")
    .Title("Customer")
     .Draggable()
    .Resizable()
    .Width(736)
    .Visible(false)
    .Modal(true)
    )
</div>
the jquery portion:
$("#btnOpenDocs ").click(function () {
        var windowWidget = $("#DocsUploadWindow").data("kendoWindow");
        windowWidget.refresh({
             url: "@Url.Action("UploadViewAction", "UploadController")"
        });
        windowWidget.center();
        windowWidget.open();
    });

view:
@model Models.UploadFile
@{
    ViewBag.Title = "Upload";
}
<h2>_Upload</h2>
<label>test</label>
@(Html.Kendo().Upload()
        .Name("attachments")
        .Multiple((bool) ViewData["multiple"])
        .Async(async => async
            .Save("Save", "Upload")
            .Remove("Remove", "Upload")
            .AutoUpload((bool) ViewData["autoUpload"])
        )
    )

Thanks,
Subbu.

Window

answered on 31 May 2013

1 answer

152 views

Grid Caption positioning

Hey Guys,

I'm binding a grid to a table (using the kendo-knockout) library and my table has a caption. Unfortunately when the binding takes place the caption is no longer in the right place. It stays on the content table thus appearing between the headers and the main table content.

So..
<table>
<caption>Caption</caption>
<thead>...</thead>
<tbody>...</tbody>
</table>

Get's rendered as

Headings
Caption
Data

rather than

Caption
Headings
Data

as you might expect.

Is there any way to have captions supported. I can easily overcome this by having my caption above the table in a span or some such but I'd really like to keep my html as semantic as possible.

Chris

Grid

answered on 31 May 2013

1 answer

467 views

Grid popup editor. How to update field value on drop down list change

I have a grid set up with my datasource and working properly with popup editing. My popup has two drop down lists and a number field. What I would like to do is set the value of the number field to a specific value when the user makes their selection from the first drop down list, essentially pre-populating the number value to "highest entered value for the user selected item + 5".

Is there a way to hook up to the "change" event for the drop down list in the popup editor and as part of the function for the change event, query the current dataset bound the grid to retrieve a value, then set that value to the numeric field in the popup editor?

Robert

Grid

answered on 31 May 2013