Telerik Kendo Scheduler Selected Event Details - javascript

This is regarding Telerik Kendo (MVC) Scheduler control. When I double click any specific event, I would like to get some selective details for that event, like Description, Start Time, IsAllDay.
Not all the data. This is because I want to take all this selected data for the event and show it on a different page, where I may then perform some edit/update. I know the Kendo scheduler offers a pop-up mode to edit data but we don't need that in our application flow. That is the catch.
Is it at all possible?
I am new to Telerik Kendo MVC controls and I have no idea what or how. My knowledge on this matters is less than 7 days. The resources I searched around are mostly talking about client-side js code. The control itself is rendered through JS in those examples, as opposed to #Html.Kendo(). A scheduler in my case. It is not related to my need.
Can you give me some hints? Can you please show me how. And most importantly, is it at all possible. Could you confirm that...
Regards

I suggest using an editor template, it will substitute the default template that is displayed when you double click an event.
For this you have to:-
-Add the editable property to your scheduler control
.Editable(editable => editable.TemplateName("CustomEditorTemplate"))
-Add a partial view with the same name as TemplateName specified above.
-Add the model and html for the selective details to the partial view
-If you are allowing any edits on the popup add the data source property for Update
.Update("ActionName", "ControllerName")
This is the editor template API Reference

Related

Solution to raise the amount of products( quotedetails or quoteproducts) in Quote entity via modal

I want to add a Button in the ribbon of Quote,
When the user clicks on that, A modal displays, with two fields.
One is quote product categories that exist in that quote, that means it searches in quote product of the quote and find all the categories exist in that specific quote and then display them in a combo box. with their guid or something like that.
Another field is a textbox, which is percentage.
something like .
The end-user clicks on the ribbon button, the modal appears, he/she gives a number to the percentage and select one of the categories; when presses apply button, it find and return all amounts of the quote products in that quote that matches the user selected category, compute some amount based on quote total amount and the returned amounts and and insert that computed number into a field in each quote product named overed_amount.
How can I handle this? JS or Plugin?
I prefer to this via JS rather than writing plugin, But can I pass parameters between this HTML or JS file to CRM Form/Forms?
And does anybody have any sample? like this? any suggestion?
I googled and most of Plugins are about writing simple plugin based on existing code.
Can I display modal via plugin? Any suggestion or advise? or sample?
Plugins (and custom workflow assemblies) run as part of the backend platform. The only "UI" component they have is they run synchronously and throws an Exception, a popup will show that Exception to the user.
The typical way to add custom UI components is via custom web resources.
In custom web resources you can do HTML / JS / CSS, and even leverage 3rd party libraries such as KendoUI. You can add them to the form or open them via a ribbon button.
A custom web resource can typically interact with the main Dynamics 365 form via the parent property (as the above linked article describes).
One library that can help with displaying custom web resources in D365 is Alert.js, though as the documentation says, it's unsupported.
If you want to include some backend operations as part of the custom UI, you can create custom actions and call them from the custom web resource's JavaScript.

Catching partial close in angularJS

So I've run into a small design problem.
I have a partial where you can fill in some form information, and a second partial where you can select some additional items. I store the details of the first partial in localstorage so that it can be filled back in when the user returns from the second partial (it makes sense, don't worry).
However, I want to delete the localStorage when the user leaves to any other part of the website, but there are about a dozen ways to do that. I would like to handle this with a partialClose event, but I can't seem to get it to work (I'm new at web development so forgive me if this is a stupid question).
What is the proper way of handling a partial close/switch event with both AngularJS and Jquery?
The event for a partial changing is $locationChangeStart

Telerik MVC Grid - Custom filtering (client side)

I would like to have custom client-side filtering in my Telerik MVC Grid.
This is mean that when user click on the filter icon on a column, instead of the default
filter of Telerik, I would a custom javascript code to be called.
how do I do this?
thanks
hagai
I know this is late, but I recently had to do some modifications in the same area. My suggestion is to look at teleik.grid.filtering.js. You will find there all the code that renders the filtering pop-up, so start there with your modification

Can I have an onload script on the create entity workflow step form?

I know on the regular create/edit entity it's trivial. What I'm looking at is when creating an entity via workflow, you can click on 'Set Properties' which opens a form that's different than the standard form. Is it possible to have a custom onload event in there?
One example of something we do is that we convert a text box into a drop down menu dynamically based on information in their CRM system. This breaks in the workflow form.
If you need me to clarify anything, please ask. I've included screen shots of what I'm talking about with the workflow form.
Nope, the form you see in the workflow designer is the current default form for that entity - it also has all the hidden/unused fields tagged onto the bottom.
All form JavaScript is disabled I believe. Perhaps look at another approach?
You're cross pollinating your concepts.
The Workflow form is something your end user will never see. As such, the screen you get is form that contains all fields for your entity.
The Dialog screen is the one you use when you require a user to interact with a controlled process. However, this too is not able to have the customizations you mention.
The concept of Webresources only affects Forms; and this is where your GUI-magic impresses your customer with your ability to help him (or her) better use your design.
(If this is unclear, the answer is "no", you cannot use your webresources and custom controls on workflows.)

Can I get some recommendations for list control with image buttons?

I'm looking for recommendations how to implement a list of items shown as images that the user can toggle on/off on the client-side, which then can be tracked and saved on the server side.
I looked at the possibly using the asp.net list view control but as far as I can tell the client side API isn't that great so I'd need to write a significant amount of client side code.
Any suggestions on a way to do it better?
From the jQuery side, I'm a big fan of the jQuery UI model, where the UI is entirely separate from the back end. Not everyone agrees with this (cough JSF cough) but if that's the route you're willing to go, it wouldn't be that much work. What I would do:
have asp.net render out a multi-select INPUT field.
hide it with CSS
via jQuery parse out the value/text pairs (which would be value/URL)
render out the HTML you want based on the value/URLs (Such as DIVs with an IMG in each).
apply a click event to each DIV that, in turn, updates the selected value(s) of your INPUT field.
Now, the reason I like this method is it keeps the server-side code simple. And as a front-end dev, the simpler I can keep it for the back end team, the happier they seem to be.
The problem I've found with most commercial .net components is the fact that they spit out their own custom UI layer that is often full of convoluted JS and overly-complicated markup--wich makes them rather inflexible from a custom UI perspective.
Telerik has an ASP.NET AJAX control called "ListView" that allows a user to select multiple images (in the URL sample click the items in the bottom of the two panels). Because it is AJAX the selections are syncing Live with the server, however this could work if a List or similar object in the ASP.NET page was doing a List.Add() or List.Remove() as items are added and removed.
http://demos.telerik.com/aspnet-ajax/listview/examples/selecting/defaultcs.aspx

Categories

Resources