or
2 answers
86 views
I tried loading the gauge using a partial view
unfortunately this approach leads to a javascript "unresponsive script" error.
the chart title shows up so my markup is added to the page - but the kendo initialization is NOT completing.
This is the only script loaded in partial..
<body style="padding: 0px;margin: 0px;height:100%;"> <div id="Replace@(uid)" style="width: 100%;height: 100%;position: relative;"></div> <script type="text/javascript"> jQuery(function () { jQuery.get('@Url.Action("Chart","SalesTarget", Request.QueryString.ToRouteValues())', function (data) { $('#Replace@(uid)').html(data); }); }); </script></body>unfortunately this approach leads to a javascript "unresponsive script" error.
the chart title shows up so my markup is added to the page - but the kendo initialization is NOT completing.
This is the only script loaded in partial..
jQuery(function(){jQuery("#charte5d435958d7e47569bd533bd3bd63d11").kendoRadialGauge({"pointer":{"value":0},"scale":{"minorUnit":5,"min":0,"max":2352000002.3961,"ranges":[{"from":0,"to":1568000001.5974,"color":"f2dd30"},{"from":1568000001.5974,"to":2352000002.3961,"color":"399E38"}],"endAngle":180,"startAngle":0},"theme":"bootstrap"});});
leblanc
Top achievements
Rank 1
Rank 1
answered
on
29 Apr 2013
2 answers
61 views
Is the dropdownlist widget suppose to copy the style from the input element?
I thought 930px would be copied from the input style but I was wrong. The width is provided by the kendo.common.min.css
Is this the expected behavior?
Best regards,
Simon
EDIT
OK, I just realized the problem occurs in Chrome only... Firefox and IE are working as expected.
<input class="#MyDDL" style="width:930px;">$('#MyDDL').kendoDropDownList({ index: 0, dataTextField: 'FirstName', dataValueField: 'ID', dataSource: myDataSource});Is this the expected behavior?
Best regards,
Simon
EDIT
OK, I just realized the problem occurs in Chrome only... Firefox and IE are working as expected.
Simon
Top achievements
Rank 1
Rank 1
answered
on
29 Apr 2013
12 answers
370 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>
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>
3 answers
52 views
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!
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!
Iliana Dyankova
Telerik team
answered
on
29 Apr 2013
3 answers
430 views
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
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
Rosen
Telerik team
answered
on
29 Apr 2013
3 answers
95 views
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)
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)
Georgi Krustev
Telerik team
answered
on
29 Apr 2013
1 answer
54 views
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
Thanks,
Raj Yennam
Atanas Korchev
Telerik team
answered
on
29 Apr 2013
12 answers
3.7K+ views
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
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
1 answer
96 views
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.
Alexander Valchev
Telerik team
answered
on
29 Apr 2013
1 answer
76 views
I have a listView that has endlessScroll enabled:
It is bound to a dataSource that gets its data from a remote source that has tens of thousands of records:
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:
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.
$('#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.
Petyo
Telerik team
answered
on
29 Apr 2013
