Questions on Kendo UI for jQuery Forum

1 answer

105 views

Menu/Grid/Page Layout is does not seem to be working.

I'm trying to follow the example and I don't see how they apply a theme. My menu looks terrible and my grid is not sorting and the numbers are showing up horizontally.

_Layout.cshtml

html>

<head>

<meta charset="utf-8" />

<title>@ViewBag.Title</title>

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo.common.min.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo.default.min.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery-1.7.2.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/kendo/2012.2.710/kendo.web.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/kendo/2012.2.710/kendo.aspnetmvc.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/kendo/2012.2.710/kendo.grid.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/kendo/2012.2.710/kendo.menu.min.js")" type="text/javascript"></script>

@RenderSection("HeadContent", required: false)

General Discussions

answered on 15 Jul 2012

0 answers

67 views

Grid binding difference...

What is the difference between this line:
@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ClientOrderViewModel>()

and this line:
@(Html.Kendo().Grid(Model)

I thought the first one is if you are connecting to a remote datasource. I tried the first one and it only seems to work if you are using json. I'm using the second and it is working for me.

Here is what my controller code looks like that works with the 2nd one and not the first.

Thanks
dennis

public ActionResult Index(string classifications = "")

{

ViewData["Category"] = classifications;

ViewData["Classifications"] = new SelectList(Classifications.List, "ClassificationText", "ClassificationText", classifications);

var codModels = new List<CodeModel>();

ViewBag.SelectedCatgory = classifications ?? "Type";

if (Request.HttpMethod == "POST")

{

var model = _codeRepository.Search(classifications).ToModel();

return View(model);

}

return View(codModels);

}

Grid

asked on 15 Jul 2012

0 answers

144 views

Grid binding difference...

What is the difference between this line:
@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ClientOrderViewModel>()

and this line:
@(Html.Kendo().Grid(Model)

I thought the first one is if you are connecting to a remote datasource. I tried the first one and it only seems to work if you are using json. I'm using the second and it is working for me.

Here is what my controller code looks like that works with the 2nd one and not the first.

public ActionResult Index(string classifications = "")

{

ViewData["Category"] = classifications;

ViewData["Classifications"] = new SelectList(Classifications.List, "ClassificationText", "ClassificationText", classifications);

var codModels = new List<CodeModel>();

ViewBag.SelectedCatgory = classifications ?? "Type";

if (Request.HttpMethod == "POST")

{

var model = _codeRepository.Search(classifications).ToModel();

return View(model);

}

return View(codModels);

}

Grid

asked on 15 Jul 2012

0 answers

147 views

Example of Local Storage as ListView DataSource

I am in need of an example using phone gap local storage as the list view datasource. Currently storing in SQL local storage and having problems binding that to the list view. Has anybody done this?

ListView

asked on 15 Jul 2012

4 answers

325 views

Variable height

Is it possible to set the height to be variable depending on the content place within? I have a splitter with 3 vertical rows.

I would like the middle row's height to be able to expand with the content placed inside WIHOUT scrollbars...

Splitter

answered on 15 Jul 2012

0 answers

102 views

Gridview cant retrieve Foreigen Key values?

hi,

Is it currently possible in one dataource retrieve values from two tables and map them into the GridView?

My Datasource is a "WCF Data Service" with json and odata support.

Thanks.

Grid

asked on 15 Jul 2012

1 answer

159 views

Hardware Button events on Android

The four buttons found on Android phones. How do I handle events related to those buttons?

Button (Mobile)

answered on 15 Jul 2012

2 answers

643 views

Update Cancel Template in Grid

I need to make more room for columns in my grid, so I am trying to change from big buttons for edit, delete, update and cancel to icons. I can get all of the icons to show right with a little CSS

/* Grid Buttons, remove background and change icon */
span.k-delete {
    background: url("../images/Delete.gif") center center;
}
span.k-edit {
    background: url("../images/Edit2.png") center center;
}
span.k-update {
    background: url("../images/save.gif") center center;
}
span.k-cancel {
    background: url("../images/cancel.png") center center;
}
.k-grid .k-button-icontext .k-icon {
    margin: 0;
    vertical-align: middle;
}
.k-grid tbody .k-button {
    min-width: 22px;
    width: 22px;
    background:none;
    border:0px;
}

plus the column def of:

                        command: [{ name: "edit", text: "" }, { name: "destroy", text: "" }, { name: "update", text: "" }, { name: "cancel", text: ""}],
                        title: "",
                        width: 100
                    }

The problem is all four of the buttons show when the grid is not in edit more (inline) and only the update and cancel show when in the edit mode, but they show with the text. Meaning the CSS is working, but the column def isn't doing anything during edit mode.

How do I setup one set of command columns for edit mode and one set for non-edit mode.

What I currently have can be seen here:
http://jsfiddle.net/randyallen/Kfdmh/1/

A little better, no save button while not in edit mode:
http://jsfiddle.net/randyallen/Kfdmh/2/

Also is there a way of getting rid of the row level save / cancel button and just use the toolbar at the top of the grid?

Thanks
Randy

Grid

answered on 15 Jul 2012

1 answer

137 views

Error - Datepicker no longer supports the touch (on IPAD).

Datepicker no longer supports the touch (on IPAD).

http://demos.kendoui.com/web/datepicker/index.html

DatePicker

answered on 15 Jul 2012

0 answers

93 views

Horizontal Kinetic Scrolling on Grid on Opera Mobile broken

Hello,

I am evaluating Kendo so don't have support subscription to file an official bug report.

Still, Horizontal kinetic scrolling works great on iOS and Android, but is broken on Opera Mobile. This can be reproduced if you have a large grid.

If you can't reproduce it I'll take some time to create a fiddle to demonstrate the issue.

Grid

asked on 15 Jul 2012