Questions on Kendo UI for jQuery Forum

1 answer

423 views

Loading Image Displaying on Initial Page Load for MVC 4 Mobile Application

I was wondering if you might be able to get rid of the Kendo loading image on the initial page load?

My code is below.

HomeController.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

namespace KendoMobileAppV2.Controllers

{

public class HomeController : Controller

{

public ActionResult Index()

{

ViewBag.Message = "Modify this template to jump-start your ASP.NET MVC application.";

return View();

}

public ActionResult About()

{

ViewBag.Message = "Your app description page.";

return View();

}

public ActionResult Contact()

{

ViewBag.Message = "Your contact page.";

return View();

}

_Layout.cshtml

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<title>@ViewBag.Title</title>

<meta name="viewport" content="width=device-width" />

<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />

@Styles.Render("~/Content/mobileCss", "~/Content/css")

@Scripts.Render("~/bundles/modernizr")

@Styles.Render("~/Content/kendo")

@Scripts.Render("~/bundles/jquery")

@Scripts.Render("~/bundles/kendo")

@Scripts.Render("~/bundles/jquerymobile")

</head>

<body>

<div data-role="page" data-theme="b">

<div data-role="header">

<h1>@ViewBag.Title</h1>

</div>

<div data-role="content">

@RenderBody()

</div>

@RenderSection("scripts", required: false)

</body>

</html>

Index.cshtml

@{

ViewBag.Title = "Home Page";

}

<h2>@ViewBag.Message</h2>

@(Html.Kendo().DatePicker().Name("Birthday"))

<p>

To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc<;/a>.

</p>

<ul data-role="listview" data-inset="true">

<li data-role="list-divider">Navigation</li>

<li>@Html.ActionLink("About", "About", "Home")</li>

<li>@Html.ActionLink("Contact", "Contact", "Home")</li>

</ul>

BundleConfig.cs

using System.Web;

using System.Web.Optimization;

namespace KendoMobileAppV2

{

public class BundleConfig

{

// For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725

public static void RegisterBundles(BundleCollection bundles)

{

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(

"~/Scripts/jquery-1.*"));

bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(

"~/Scripts/jquery-ui*"));

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(

"~/Scripts/jquery.unobtrusive*",

"~/Scripts/jquery.validate*"));

bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(

"~/Scripts/modernizr-*"));

bundles.Add(new ScriptBundle("~/bundles/jquerymobile").Include("~/Scripts/jquery.mobile*"));

bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));

bundles.Add(new StyleBundle("~/Content/mobilecss").Include("~/Content/jquery.mobile*"));

bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(

"~/Content/themes/base/jquery.ui.core.css",

"~/Content/themes/base/jquery.ui.resizable.css",

"~/Content/themes/base/jquery.ui.selectable.css",

"~/Content/themes/base/jquery.ui.accordion.css",

"~/Content/themes/base/jquery.ui.autocomplete.css",

"~/Content/themes/base/jquery.ui.button.css",

"~/Content/themes/base/jquery.ui.dialog.css",

"~/Content/themes/base/jquery.ui.slider.css",

"~/Content/themes/base/jquery.ui.tabs.css",

"~/Content/themes/base/jquery.ui.datepicker.css",

"~/Content/themes/base/jquery.ui.progressbar.css",

"~/Content/themes/base/jquery.ui.theme.css"));

// The Kendo JavaScript bundle

bundles.Add(new ScriptBundle("~/bundles/kendo").Include(

"~/Scripts/kendo.web.*", // or kendo.all.* if you want to use Kendo UI Web and Kendo UI DataViz

"~/Scripts/kendo.aspnetmvc.*"));

// The Kendo CSS bundle

bundles.Add(new StyleBundle("~/Content/kendo").Include(

"~/Content/kendo.common.*",

"~/Content/kendo.default.*"));

// Clear all items from the default ignore list to allow minified CSS and JavaScript files to be included in debug mode

bundles.IgnoreList.Clear();

// Add back the default ignore list rules sans the ones which affect minified files and debug mode

bundles.IgnoreList.Ignore("*.intellisense.js");

bundles.IgnoreList.Ignore("*-vsdoc.js");

bundles.IgnoreList.Ignore("*.debug.js", OptimizationMode.WhenEnabled);

}

General Discussions

answered on 05 Feb 2013

1 answer

294 views

Node keypress event

Hey,

I'm trying to find a way to bind an enter keypress event to some function, so that using only the keyboard, when a user presses enter on some node, it will lead to some action.

I wonder what is the correct way to do that.
I have a complicated template for each node, and I tried to bind the keydown event to a class I have in each node, but that didn't work (it did work for me with the click event though...)

Any advice?

Thanks,

TreeView

answered on 05 Feb 2013

8 answers

673 views

[Solved] datasource POST not working when sync is called

Hello,

I'm following the "Getting started with the Kendo UI datasource" video. All is going well until I reach the "create new item" part. Populating the grid from the source json file works just fine. Looking at the network tab of the developer tools in Chrome, a POST is never sent when the datasource.sync() is called.

I am using jquery 1.8.2, Kendo UI Q3 2012 SP1 and Chrome 24.0.1312.56.

My javascript is as follows:

dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "data.json",

dataType: "json",

cache: false

},

create: {

url: "addItem.php",

type: "POST"

},

schema: {

model: myDataSource

}

});

Any help would be greatly appreciated.

Data Source

answered on 05 Feb 2013

4 answers

1.3K+ views

grid configuration : how to add fields to dataSource.schema.model.fields at runtime

What is the proper way to add field objects at runtime to an incomplete, i.e. only partially defined, dataSource schema model fields object? While some of the model fields will be pre-defined as part of the grid configuration, some of the column-names of the grid will be based on fields that are not known at design-time; they will be the names of employees in a department, and so they are not known until the department is selected by the user. So fields have to be added to the model, and corresponding columns have to be added to the grid at runtime.

Date..........Tom...........Dick..............Harry..............Jane...............Liz
1/1/2013......90.............180...............23.....................65..................50
1/2/2013......65.............210...............19.....................99..................28
1/3/2013......25.............100...............89.....................54..................22
.
.
.
1/31/2013

or a different department:

Date..........Ralph.........Delores.......Fred.
1/1/2013......19.............120...............41
1/2/2013......57.............315...............29
1/3/2013......21.............246...............63

Grid

answered on 05 Feb 2013

1 answer

82 views

Splitter's arrow is wrong in ie9.

Hi.
Splitter's arrow is abnomal in ie9,
it is ok in chrome.
e.g when i open http://demos.kendoui.com/web/splitter/index.html, resize a splitter in the page, after release the mouse button, the mouse cursor still is "<-->".
Thanks!

Splitter

answered on 05 Feb 2013

2 answers

115 views

[Solved] File selection causes multiple instances to be created...

Hey guys,

I have the Kendo stuff setup with Visual Studio 2012 and MVC 4 and everything seems to be working OK. However, the upload functionality is not working as expected. See the attached image for more details. It doesn't matter where in the application I place the upload, I get the same results. However, if I create a project from the Kendo project template the Upload piece works and I do not get the repeated items placed into the page. More than anything I need to know what I am missing.

Thanks!

<div>

@using (Html.BeginForm("UploadFile", "Home", FormMethod.Post, new { id = "uploadForm" + item.CorrespondenceId.ToString(), enctype = "multipart/form-data"})){

@(Html.Kendo().Upload()

.Name("files").Multiple(true)

)

<p>

<input type="submit" value="Submit" class="k-button" />

</p>

}

</div>

Upload

answered on 05 Feb 2013

3 answers

512 views

How to change the size of chart?

I had created a chart,but it is to small.I want to change it's size.what I should do ?

Data Source

answered on 05 Feb 2013

0 answers

82 views

Requesting some feedback on DataSource CheatSheets

I am really frustrated with how Kendo UI documents and supports, so I am doing something about what I can.

I am in the process of making some DataSource Cheatsheets for myself and anyone else who thinks/learns/forgets the way I do :)

At this point I am most interested in hearing about what is missing from the set I have made so far. If you know of other infodumps out there please share!

MAC

Data Source

asked on 05 Feb 2013

2 answers

168 views

Overlay bug with animation disabled

I've got a setup similar to the one shown in this fiddle: http://jsfiddle.net/ryan_nauman/YWLtH/. A modal window is opened with some placeholder loading text and when some async completes I re-use the existing modal, show the real content, and open/recenter.

Strangely, when animation is disabled the overlay sticks around. It's interesting that if the first modal is closed the overlay is removed. Once the second one appears after the delay, the overlay isn't removed.

I stepped through this code a bunch and am puzzled by this logic:

shouldHideOverlay = options.modal && !modalWindows.length;

Anyways, this was the only strange thing I noticed. I'm not quite sure how animation plays into this bug.

Window

answered on 05 Feb 2013

2 answers

321 views

Column Resize Bug IE

I'm encountering a strange issue... when I resize any column in IE (v9 for this example)
All of the columns disappear except for the one I am resizing and the last one.

I have tried the resize column demo in IE and it does work. I can't repro this outside of our application.

Apparently someone else is encountering this error
http://stackoverflow.com/questions/14579682/kendo-grid-resize-shrinks-all-the-columns-in-ie

Any suggestions?

-John-

Update on this: When you mix between px and percentage is when the bug occurs. if I have a fixed width and I resize a column, it will jump to that size but not hide. the percentage is what I think breaks it. I'm verifying this now.

Grid

answered on 05 Feb 2013