Questions on Kendo UI for jQuery Forum

0 answers

87 views

Can i set externaly pagination number in Grid Component?

My Scenario:

1. I have a Grid with this setting page size:10 and Grid has 40 records (means 4 pages),
2. Then i click on 4th pagination number and refresh current page
3. Grid pagination number set to first page instead of remain on same pagination number(4th number).

Can i manage this in Kenodo UI Framework?

Thanks in Advance.

Grid

asked on 07 Feb 2012

2 answers

506 views

Embedding javascript function in template in grid

I'm trying to figure out how to embed a function in a template with 3+ levels of nested quotes. It works in one case, but not in another.

Here is the JSFiddle: http://jsfiddle.net/ZpCAy/62/

Here is the code:
$("#grid").kendoGrid({
  dataSource: {
  type: "odata",
  transport: {
  read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
  },
  schema: {
  model: {
  id: "OrderID"
  }
  }
  },
  columns: ["OrderID",
  { title: "Edit1", template:"<a href='javascript:(function(){window.open(\"www.oracle.com\");})();'>Edit1</a>" },
  { title: "Edit2", template:"<a href='javascript:(function(){$(\"#win\").kendoWindow();})();'>Edit2</a>" }
]
});

(Note that it won't actually run because of the Edit2 line. But if you remove that, the Edit1 will work)

When I run this in Chrome, I get this:

11Uncaught Error: Invalid template:'<tr data-id="#=this.tmpl0(data)#"><td>${OrderID}</td><td><a href='javascript:(function(){window.open("www.oracle.com");})();'>Edit1</a></td><td><a href='javascript:(function(){$("#win").kendoWindow();})();'>Edit2</a></td></tr>' Generated code:'var o,e=kendo.htmlEncode;with(data){o='<tr data-id="'+(this.tmpl0(data))+'"><td>'+(e(OrderID))+'</td><td><a href=\'javascript:(function(){window.open("www.oracle.com");})();\'>Edit1</a></td><td><a href=\'javascript:(function(){$("';win").kendoWindow();})();'>Edit2</a></td></tr>;o+=;}return o;'

As you can see, the generated code is doing something to the "#win" and converting it to "';win" ... anyone know what's up?

Grid

answered on 07 Feb 2012

2 answers

637 views

Problem sending json data to ASMX webservice

I am using the autocomplete component to interact with an ASMX webservice ... when I "hard code" the value to send as a parameter, it works fine:

data: {
sProductDesc: "E"
} // data

Data Posted:
{"sProductDesc":"E","take":10,"skip":0,"page":1,"pageSize":10,"filter":{"logic":"and","filters":[{"field":"GROUP_NAME","operator":"contains","value":"e"}]},"group":[]}

but when I try and use the value from the control the parameter is not passed to the webservice:

data: {
sProductDesc: function(){return $("#autoComplete").data("kendoAutoComplete").value()}
} // data

Data Posted:
{"take":10,"skip":0,"page":1,"pageSize":10,"filter":{"logic":"and","filters":[{"field":"GROUP_NAME","operator":"contains","value":"E"}]},"group":[]}

Any ideas?
Thanks!
Doug

AutoComplete

answered on 06 Feb 2012

0 answers

85 views

Problem with button in grid

Hi
I'm trying to put a button into grid. In order to achieve that I wanted to use rowTemplates. However I have a problem with geting and item id and put it into action parameter.
So far I these constructinos

<script id="rowTemplate" type="text/x-kendo-tmpl">

<tr>

<td>

<form action="/Home/EditProduct/?id="+ "#=Id#" class="addEditButton" method="post">

<submit type="button" value="Edytuj"/>

</form>

</td>

</tr>

</script>

<script id="rowTemplate" type="text/x-kendo-tmpl">

<tr>

<td>

<form action="/Home/EditProduct/?id="+ ${ Id } class="addEditButton" method="post">

<submit type="button" value="Edytuj"/>

</form>

</td>

</tr>

</script>

<script id="rowTemplate" type="text/x-kendo-tmpl">

<tr>

<td>

<form action="/Home/EditProduct/?id=${ Id }" class="addEditButton" method="post">

<submit type="button" value="Edytuj"/>

</form>

</td>

</tr>

</script>

<script id="rowTemplate" type="text/x-kendo-tmpl">

<tr>

<td>

<form action="/Home/EditProduct/?id=${ Id } class="addEditButton" method="post">

<submit type="button" value="Edytuj"/>

</form>

</td>

</tr>

</script>

However non of this method can successfully retrieve value of id parameter from object bounded to row. Is it possible to somehow pass value of id into action ??

Grid

asked on 06 Feb 2012

1 answer

297 views

No styles are applied for controls

I'm trying to build a page for the first time with Kendo and it's not working as planned. I have included all the required scripts and css links in the head element. But when I run the page the styles are not there, even though the scripts appear to work. As of now I just have one combobox on the page. I'll paste my code below and any help is appreciated.

<html>

<head id="Head1" runat="server">
	<title>Mobile Manager</title>
	<link href="../../Styles/Site.css" rel="stylesheet" type="text/css" />
	<link href="../../Styles/Kendo/Web/kendo.common.min.css" rel="Stylesheet" type="text/css" />
	<link href="../../Styles/Kendo/Web/kendo.default.min.css" rel="Stylesheet" type="text/css" />
 
 
	<script src="../../Scripts/Kendo/Web/jquery.min.js" type="text/javascript"></script>
	<script src="../../Scripts/Kendo/Web/kendo.all.min.js" type="text/javascript"></script>
	<script src="../../Scripts/Kendo/Web/kendo.core.min.js" type="text/javascript"></script>
	<script src="../../Scripts/Kendo/Web/kendo.data.min.js" type="text/javascript"></script>
	<script src="../../Scripts/Kendo/Web/kendo.fx.min.js" type="text/javascript"></script>
	<script src="../../Scripts/Kendo/Web/kendo.popup.min.js" type="text/javascript"></script>
	<script src="../../Scripts/Kendo/Web/kendo.list.min.js" type="text/javascript"></script>
	<script src="../../Scripts/Kendo/Web/kendo.combobox.min.js" type="text/javascript"></script>
	<script src="../../Scripts/velsol.common.js" type="text/javascript"></script>
	<script src="../../Scripts/PageScripts/MobileManager.js" type="text/javascript"></script>

</head>
<body class="bodyBackGround">
	<form id="form1" runat="server">
	<div id="ContentContainer" style="position: relative;">

		<input id="cmbDateRange" />
	</div>
	</form>
</body>
</html>

This is in MobileManager.js...
(function () {
 
	Velsol.Ajax.setPage("MyTestPage.aspx");
 
	$(document).ready(function () {
 
		$("input#cmbDateRange").kendoComboBox({dataSource:[
			{ text: "Today", value: "Today" },
			{ text: "Week to Date", value: "WeekToDate" },
			{ text: "Month to Date", value: "MonthToDate" },
			{ text: "Year to Date", value: "YearToDate" },
			{ text: "Yesterday", value: "Yesterday" },
			{ text: "Last Week", value: "LastWeek" },
			{ text: "Last Month", value: "LastMonth" },
			{ text: "Last Year", value: "LastYear" },
			{ text: "Custom", value: "Custom" }
		]});
 
	});
 
} ());

ComboBox

answered on 06 Feb 2012

0 answers

90 views

Pie chart is not working sometimes.

i am using pie chart. my scenerio is to have only one categoryAxis (Location), and Series(Amount earned).But for some amount i am not getting the chart but still i am getting the title and labels(Category). After adding some amount with that Amount it started working.,
My question is Why it is happening, And i am expecting this issue in future for some Amount again.

By the way we are registered user in Kendo.

Do you any one have same issue with Pie chart? Let you know if i find the reason and solution...,

Help me if you had this issue before and fixed it.

Regards

Karthikeyan Madhavan

Charts

asked on 06 Feb 2012

1 answer

179 views

RichTextBox Features?

With the future of Silverlight looking bleak, I am closely watching the development of this new UI/Framework. The Telerik Silverlight RadRichTextBox supports a lot of key features that MS Word has (i.e. Advanced formatting and tab stops).

Will tab stops be supported in the first itiration of this control? This feature is extremely important to me for a large part of my user base will be also using iPad when not in the office and since Silverlilght is not supported on iPads, I am going to have to start redesigning a lot of are site since the core of it is Silverlight.

General Discussions

answered on 06 Feb 2012

1 answer

85 views

TabStrip bug in iOS

Hi,

I've found a bug in TabStrip, when I touch really fast the different app tabs the app goes blank.

I tested that on iPhone simulator and on a real device, same result in both.

Using Xcode, phonegap-1.4.1 and iOS 5.0.1

Thank you.

Kind regards,

TabStrip (Mobile)

answered on 06 Feb 2012

3 answers

159 views

Kendo UI DataViz licensing

Hi,
I have a Telerik Premium subscription which I understand includes a Commercial Licence for Kendo UI Web.

I’ve also downloaded Kendo UI DataViz as this is currently included free with Kendo UI Web. By taking advantage of this limited time offer, does this mean I also have a Commercial Licence for Kendo UI DataViz for as long as I maintain my Telerik Premium subscription?

Regards, Ian

General Discussions

answered on 06 Feb 2012

1 answer

120 views

Calendar Format

When set format to YYYY/MM/DD in kendoDatePicker, and then change the month,
the month is always 00.

Results samples. 2000/00/05

Thank You

Sorry for my english.

DropDownList

answered on 06 Feb 2012