kendo ui web package only supports html - kendo-ui

i have recently heard about the kendo ui ..and explore it deeply so that how it is beneficial for me ...what i come know is that they provide some package like
kendo ui for web
kendo ui for mobile
kendo ui dataviz
server side wrapper(for jsp, php, asp)
what's confusing me is that ..i have downloaded the kendo ui web package form the site and now it did'nt whether it will support my code written in jsp or i'll have to rewrite it in html...
please can anyone explain me can i use kendo ui web for developing site in jsp....!!
thanks in advance..

Kendo is a javascript framework. But it has server side wrappers for different server side languages. Here is the one for JSP:
http://www.kendoui.com/server-wrappers/jsp.aspx

Related

dotvvm and Telerik mvc

Hi all I did search to see for answer but nothing.
My question is related to dotvvm framework.
I have installed dotvvm into a existing mvc 5 application and work correctly
but becouse the dotvvm does not know razor markup I can't use telerik ui for mvc.
Have somebody found a solution to this problem ?
Your wolkaround or council is appreciated.
Thanks
Telerik MVC controls cannot be used in DotVVM pages right now, we are thinking about MVC interop, but it's not in the framework yet.
But the MVC controls are wrappers for Telerik Kendo UI which can be used without ASP.NET MVC.
There a nice Knockout Kendo library which allows to use the Kendo UI controls with Knockout JS. Since DotVVM is based on Knockout JS, you can use the data-bind syntax in your DOTHTML pages and access the viewmodel properties:
<input data-bind="kendoNumericTextBox: Price" />
The viewmodel looks like this:
public class MyPageViewModel
{
public decimal Price { get; set; }
}
There will certainly be some limitations and unfortunately there are no DotVVM wrappers for Kendo UI, but the basic controls can work like this.
If you have more complex scenarios (DataGrid control or something like this), you can use the plain JavaScript solution and access the viewmodel properties using the following JavaScript syntax:
dotvvm.viewModels.root.viewModel.Price()
But the viewmodel is not a plain JS object, it is wrapped with Knockout observables, so you have to unwrap everything, or use dotvvm.serialization.serialize to build plain JS objects.

Embedding a flow in a DOJO dialog

I want to create a modal dialog wizard using spring web flow and dojo.
I searched for embedding the flow in a dialog using embedded mode. But I found very few examples related to this. In these examples, they used JSF dialogs and tiles framework to partially render a form.
Can we do this without using JSF and tiles framework but using jsp and dojo?
Can anyone help me to create a wizard embedded in a dojo dialog using spring web flow?
I wouldn't depend on the dojo framework I believe is no longer supported with webflow. Moreover, webflow wasn't really designed (without hacks) to be embedded inside modal dialogs. It was designed as a simple "flow" navigation from html page to page.
To achieve what you want you'll have to use jquery (or some javascript library) to interact with the current flow via ajax calls to predefined transitions/fragments and manually via javascript take the response html fragments returned by webflow contents and change the contents of your modal dialog box. You could argue this is a "hack" but this is how I achieved what you desire using webflow.
A user asked a similar question a few months ago and i provided a thorough answer explaining how to use webflow + ajax + transitions in dialog boxes.
How to include a pop-up dialog box in subflow

Kendo UI - Minified JS size is 1.8MB

One of my clients report slow loading of their landing page. They use ASP.NET MVC with Kendo UI. I did a quick check and noticed that the kendo.all.min.js is about 1.8MB and client says this is required. I am sure they do not use all of the kendo UI elements in the landing page. I have never used Keno before but only JQuery. Is there a way to minimize the kendo script file size further by not including everything and choose only the elements that are required and form the final JS (like cherry picking in JQuery?).
Thanks!
There's a tool for creating custom downloads at http://www.telerik.com/download/custom-download with an overview of picking what you need here

using client side validation with telerik controls

Can you use client side validation with telerik controls? The examples show validation using standard html input controls. I have forms with RadTextBoxes, RadComboboxes etc and would like to add validation.
You can access the Telerik client-side api by using
var ctrl = $find('<%= txtSomeTextBox.ClientID %>');
then you can get the current value of the textbox by calling the .get_value() function. Use your browser's debug tool to see which methods are available in the object that is returned or consult Telerik's help site.
Go to Telerik's online demos: http://demos.telerik.com/aspnet-ajax/input/examples/common/validation/defaultcs.aspx and you will find examples for almost anything. This one shows how to use the built-in client-side validation with the RadControls for ASP.NET AJAX.

use Telerik controls in Orchard CMS

I am trying to use the Telerik datetimepicker in my own module of Orchard CMS.
everything seems working well except javascript. the datetimepicker control is unable to show the drop-down calendar.
I tried to use
Script.Include("~/Themes/Contoso/Scripts/2011.2.712/telerik.common.min.js").AtFoot();
Script.Include("~/Themes/Contoso/Scripts/2011.2.712/telerik.datetimepicker.min.js").AtFoot();
or created an ResourceManifest.cs in my module and called followings.
Script.Require("telerik_datepicker").AtFoot();
Script.Require("telerik_calendar").AtFoot();
I can see no run time errors against scripts i am refereing. but no document.ready() stuff in the html source for the page.
I dont know where got wrong. hope someone can crack the problems . thank you in advance.
All Telerik UI components for ASP.NET MVC require a ScriptRegistrar in order to work properly. The latter outputs the required JavaScript files as well as the JavaScript initialization code. You are probably missing a ScriptRegistrar hence the DatePicker does not work. Here is the minimum required code:
#(Html.Telerik().DatePicker()
.Name("DatePicker")
)
#(Html.Telerik().ScriptRegistrar())
Don't those Telerik helpers rely on some kind of HttpModule that you'd need to register in the global config?

Resources