Questions on Kendo UI for jQuery Forum

4 answers

322 views

This is my scenario.

I have two pages:
1) Index.html
2) Update.aspx

I have an app (index.html) that will collect information from the user and store it in LocalStorage.
When the User Click on a button "Update", I want to be able to go to Update.aspx page and consume the data in the Local storage. I want to return to the index.html#Success tab.

I am not able to find example of how to go to the Update.aspx page from the index.html page. Any help would be great.

Thanks,
C

Application

answered on 01 Jun 2013

2 answers

186 views

Why is the combobox spinning forever?

I am sure I am making some trivial error, but I can't figure it out.

I have a kendoComboBox that I have a placeholder for as follows:

<input id="ComboBox1" />

And my $(document).ready function contains:

      SpaceDataSource = new kendo.data.DataSource(
        {
          transport: {
            read: {
              url: "LoadSpacesJson.aspx",
              dataType: "json"
            }
          }
        }
      );
      $("#ComboBox1").kendoComboBox(
        {
          dataTextField: "Name",
          dataValueField: "Value",
          dataSource: SpaceDataSource
        }
      );

where SpaceDataSource is a global variable.

My datasource gets called correctly and returns the following as document type application/json:

[{Value:29,Name:"Alex Stankovic 135A"},{Value:18,Name:"Blake lab 122"},{Value:25,Name:"Class room 106"},{Value:19,Name:"Class room 108"},{Value:22,Name:"Class room 111A"},{Value:12,Name:"Class room 111B"},{Value:7,Name:"Computer lab 116"},{Value:13,Name:"Computer lab 118"},{Value:30,Name:"Conference room 127"},{Value:14,Name:"CS office 102"},{Value:26,Name:"Double lab 120"},{Value:8,Name:"EE office 101"},{Value:21,Name:"George Preble 133"},{Value:6,Name:"Gomez lab 103"},{Value:24,Name:"Graduate offices 107"},{Value:20,Name:"Graduate offices 137"},{Value:9,Name:"Prof. Hopwood 101A"},{Value:10,Name:"Ron Lasser 125"},{Value:27,Name:"Shuchin Aeron 242"},{Value:16,Name:"Student lounge 123"},{Value:17,Name:"TA offices/Meeting room 121"},{Value:28,Name:"Usman Khan 135"}]

My problem is that the kendoComboBox appears, but there's a spinner on it that just keeps spinning indefinitely and it never creates the proper dropdown list.

Any help will be appreciated.

Thanks/Anker

Data Source

answered on 31 May 2013

4 answers

81 views

Error with backbutton on first page

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