Questions on Kendo UI for jQuery Forum

12 answers

397 views

Hi Guys,

I have written the following code but when i run the code, the menu displays the arrows but does not expand? Is there something i am missing? Please help/

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewData("Title")</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/styles/kendo.common.min.css")" type="text/css" rel="Stylesheet" />
<link href="@Url.Content("~/Content/styles/kendo.default.min.css")" type="text/css" rel="Stylesheet" />
<script src="@Url.Content("~/Scripts/js/kendo.web.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/js/kendo.aspnetmvc.min.js")" type="text/javascript"></script>
<script src="@Url.Content("/Scripts/js/jquery.min.js")" type="text/javascript"/>
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>
<body>
<div class="page">
<header>
<div id="title">
<h1>Mail Application</h1>
</div>
<div id="logindisplay">
@Html.Partial("_LogOnPartial")
</div>
<nav>

<ul id="menu">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
<li>@Html.ActionLink("CostCentre", "Index", "CostCentre")</li>
<li>@Html.ActionLink("Office", "Index", "Office")</li>
</ul>
</nav>

@(Html.Kendo().Menu() _
.Name("menu") _
.BindTo("Sample")
)

</header>
<section id="main">
@RenderBody()
</section>
<footer>
</footer>
</div>
</body>
</html>

Menu

answered on 29 Apr 2013

3 answers

58 views

[Solved] Enlarge a bar which has been drawn on a page

Hello everyone,
On a Kendo Ui Dataviz ,I have been finished a chart, I want to save it and enlarge it to be larger than before in the same page , How can i do this?

Thanks very much!

Charts

answered on 29 Apr 2013

3 answers

458 views

getByUid returns undefined unexpectedly

I have Data Source is set up to read JSON from my server for a Grid with scrollable.virtual = true.

The problem I've noticed is that the getByUid Data Source method returns undefined if the data item being requested has scrolled off the grid. For example, my Data Source transport is configured to retrieve 100 rows. The grid load, I get rows 1-100 back. The scrollbar of the grid is dragged down to row ~700. A number of requests are skipped, a request is made to the server for page 7.

Now if I call getByUid with a UID for a data item that I know was in the first 100 items, the Data Source returns undefined. But when I inspect the Data Source I can still see that the data item is in one of the Range collections. If I get getByUid with a UID that is currently 'visible', I do get the data item back. I would expect that the Data Source would return the object regardless of whether is is currently in view or not. Is this a bug?

Kenny

Data Source

answered on 29 Apr 2013

3 answers

113 views

Combobox extremely slow in IE7 (and iPad)

Hi all,

I have a Kendo Combobox that contains a lot of records (1600+). It works reasonable well in all browsers. Except in IE7. That browser takes about 30 seconds to bind and also about 30 seconds to create the drop down. The same is true for iPad to a lesser extend (20 sec). It seems it does some inefficient DOM manipulation. Is there any way to prevent this situation?

Here's some example code:

@Html.LabelFor(m => m.DepartmentId)
@(Html.Kendo().ComboBoxFor(m => m.DepartmentId)
.Placeholder(Main.PleaseSelect)
.Filter(FilterType.Contains)
.DataTextField("text")
.DataValueField("value")
.AutoBind(true)
.DataSource(d => d
.Read(a => a.Url(this.Url.Action("ReadDepartments")).Type(HttpVerbs.Post))
.Events(e => e.Error("pw.error.throwJqueryAjax").RequestStart("competenceGeneralEnterCatch"))
)
.SelectedIndex(0)
)
@Html.ValidationMessageFor(m => m.DepartmentId)

ComboBox

answered on 29 Apr 2013

1 answer

59 views

Add values from data to the grid column filter

Is it possible to have an option to include a distinct list of a columns data appear in the column filter as in the silverlight grid example. Is this feature is implemented on latest kendo grid? If it is possible please provide a sample.

Thanks,
Raj Yennam

Grid

answered on 29 Apr 2013

12 answers

3.8K+ views

[Solved] disable the grid or/and functionality

Hello again,
I would like to disable all the functionalities such as paging and buttons/anchors that play the role for CRUD operations.
When i click edit,i want everything on grid to be desabled,because beneath will be a editing for,and only if he press save or cancel,re-enable the grid and its functionalities.
How can i achieve this?

Regards,
Daniel

Grid

answered on 29 Apr 2013

1 answer

105 views

Issue :- How to override grid filter date selection for another date column on same grid.

Steps To produce:-
1.
I have Kendo grid which has two date columns
date1 and date2.

2.
Select any date in first column(Date1) filter date
picker and close it.

3.
Go to second date column (date2) and click on date
picker filter.

4.
You will see same date selected for column
date2.

Question :- How
I ignore previous selection in grid filter datepicker.

Grid

answered on 29 Apr 2013

1 answer

90 views

[Solved] endlessScroll for a ListView only works in one direction?

I have a listView that has endlessScroll enabled:

$('#MyListView').kendoMobileListView({

dataSource: myRemoteDataSource,

template: myTemplate,

autoBind: false,

endlessScroll: true,

scrollTreshold: 30

});

It is bound to a dataSource that gets its data from a remote source that has tens of thousands of records:

var myRemoteDataSource = new kendo.data.DataSource({

pageSize: 10,

serverPaging: true,

transport: {

read: {

url: 'http://myremotedata'

},

parameterMap: function (data, type) {

var startRow = ((data.page - 1) * data.pageSize) + 1;

return {

strow: startRow,

rpp: data.pageSize

};

}

},

schema: {

data: 'Data',

total: 'Total'

}

});

This works fine when I start the listView from the *first* page because all the other pages come after it, so only endlessScrolling in the downward direction is necessary. However, sometimes I need to start the listView on a specific page other than page 1:

myRemoteDataSource.query({ page: 45, pageSize: 10 }); // 45 is a random page.

Again, the data is displayed as expected in the listView and endlessScrolling in the downward direction works. However, when I try to scroll up to see the records on the previous page (i.e. page 44), nothing happens. Apparently, endlessScrolling only works in one direction (down), even though it seems it would be trivial for it to make a call to the dataSource to retrieve the previous page (up) just as it retrieves the next page (down).

In a nutshell, I need to be able to take a listView which is remotely bound to thousands of records and start from any page and endlessScroll in either direction. This seems like it would be a pretty fundamental feature. Is there a way to do this?

Thanks in advance.

General Discussions

answered on 29 Apr 2013

5 answers

83 views

Showing all data

I am using DataSource to consume data from a remote resource, like this:

DataSource.Products = new kendo.data.DataSource({
transport: {
read: {
  url: "https://wwww.",
    dataType: "json",
    type: "GET"
  }
  },
});

My response should be JSON like this:
{
"status": {
"http_code": 200
},
"contents": {
"totalSize": 5,
"done": true,
"records": [
{
"attributes": {
"type": "",
"url": ""
},
"Name": ""
},......
]

At minimum I would just like to print the response:
DataSource.Products.fetch(function(){
var data = this.data();
console.log(data);
});

But the output is not what I expect, in fact I can't see the underlying data.

Let's say for example I want to see the records array, can I do data.contents.records?

Data Source

answered on 29 Apr 2013

8 answers

5.2K+ views

[Solved] pass a parameter to a datasource

I am having some troubles passing value from a grid to a function that builds a kendo datasource.

My function asks for parm that is the selected rows first cell.

I have this so far

function createGrid(parm) {

console.log("parm value = " + parm);

var sharableDataSource = new kendo.data.DataSource({

transport: {

read: {

url: "/GetInfo/",

data:{dataParm:parm}

},

schema:

{

		dataParm:parm

}

}});

Im using mvc3 as my server service however when I add a breakpoint to the controller the parameter is always null.
The console.log is returning the value I am expecting to see in the controller however the parameter isn't sent to the server.

What am I doing wrong?

Any tips would be appreciated!

Data Source

answered on 29 Apr 2013