Is it possible to use Kendo UI FX with MVVM binding? - kendo-ui

I'm currently using two-way binding to control the visibility of a DIV based on a boolean in my view model. Instead of merely setting it as visible or hidden, I would like it to expand or contract via the the "expand" effect.
http://docs.telerik.com/kendo-ui/api/javascript/effects/expand
I don't see any way to bind this via MVVM. Has anyone managed to do this?
Thanks

Following is the given link from where I got help for my issue.
http://demos.telerik.com/kendo-ui/mvvm/custom

Related

Xamarin dynamic forms

The idea is to create an app in Xamarin with dynamic forms. The form definition is taken from any source like local DB or Web API.
The definition contains the set of fields and theirs's default values.
Currently my question is about view model.
Let's say the situation is clear with a view. I mean that user controls can be added to a view programmatically based on the form definition.
But how view model should look like in this case?
As a set of dynamic properties ? How to support user controls binding to respective view model properties ?
Any ideas or links to respective articles are welcomed.
Thank you in advance.

Kendo ui datagrid

I am just trying to use keno ui into my project. But Kendo is new to me. So I am not sure how to proper use it. Some of the widgets like dialog window, datepicker, timepicker etc. are easy to use but I am having problem with datagird. Could anybody let me know how can we use datagrid widget server databound and xml as datatype. Please give me little bit give me an example. If possible. Let me know how xml file will look. How can we get page number, number of rows on the server side. I am using asp.net with c# as server side language.
Is there a reason why you want to bind to an xml file? Generally speaking you should be using JSON for the dataSource. For an example of using an xml datasource have you looked at this:
Binding to xml DataSource
If you haven't used these before and have access to the MVC Wrappers then I would suggest looking at this demo as a good starting place for the Grid:
Kendo Grid bound to local data
Kendo Grid bound to remote data
If you use the demo from the first example and apply it to the "local data" example this should get you going. If you get stuck please provide some code showing what you have tried and any issues you are faced with.

MVVM and masked input

There is no masked input control in KendoUI framework. But I need to have a mask input capabilities for textboxes as well as for datepicker.
The application mostly based on MVVM with Kendo Templates. So I need a solution compatible with it.
What is the best way to go with our problem? Currently i'm looking at several solutions:
Have a custom widget (as kendo plugin) that is connected with jquery.inputmask plugin.
Have a custom binding that connects a widget and jquery.inputmask plugin
Invoke a jQuery code $(..).input. The problem with this approach that it hard to get it invoked after template is rendered
Basically I the cleanest solution I can suggest you is to create custom Widget or extend one of the existing.
Take a look at the the following example we created - it demonstrates how to extend the datepicker widget custom logic:
http://jsfiddle.net/7JA74/10/
A part from this please notice there is some malfunctioning when a value is selected from the date picker.

Image button inside a Data table

I'm facing a scenario that i need to add image button inside a datatable. Is it possible to add an image button control inside a datatable.
I'm using Framework 3.5 and C# language.
Thanks In Advance!
Regards,
Ranga
I think you are trying to work with a user interface control like a DataGrid or DataGridView. DataTable is an ADO.NET class for holding data from a database. It doesn't present data in a user interface, so adding an image button maes no sense.
I presume you're working with a grid of some sort, but in order to get a sensible answer you need to tell us which one. Is your user interface WPF, Windows Forms, or ASP.NET? Specifically, which grid class are you trying to use?

Attach TargetWithoutContext to an AppBarButton

I have a Conductor<MyItem>.Collection.OneActive ViewModel and try to attach the application bar buttons to methods of MyItem with cal:Action.TargetWithoutContext="{ Binding ActiveItem }". My view is a Pivot, if someone wonders why am I trying to attach the application bar to a child ViewModel. The compiler says "Property 'TargetWithoutContext' is not attachable to elements of type 'AppBarButton'." Though it works with normal buttons elsewhere in the view.
How can I get it work? Or maybe any workaround?
The AppBar functionality that Caliburn.Micro provides is a hack due to the flaws in the underlying framework, which doesn't allow arbitrary binding. Unfortunately, we can't support TargetWithoutContext. For AppBars the target will always be the page's view model and messages can only be directed to it. If the page's view model is a conductor, and you want a child to receive the message, you could have the conductor receive it and then forward it on to its ActiveItem.
Unfortunatly the ApplicationBar is not bindalbe as it is not Part of the Silverlight Framework.
You can only interact with the Application via the Code Behind File of the Page which uses the ApplicationBar.
You have to register the Click Event and invoke the Action form the code Behind.
The WP7 ApplicationBar is just a simple wrapper around the native shell and doesn't support data binding at all. However, there are a couple of workarounds available.
http://caliburnmicro.codeplex.com/discussions/232742

Resources