List of events built into Angular 2? - angular2-directives

I find many tutorials on using events in Angular 2, but I cannot find a concrete, comprehensive list of events for reference. I would like a list sort of like the one provided for the Lifecycle Hooks, only for common events, such as (click), (focus), (mouseenter), etc.

on angular 2, you are using native html events=>
(Are_you_looking_for_this_list)?
"you need to check html specification pages":
"I need more information to help you better :P";
For more information you can check mozila developer page >> here

Related

sitefinity form populate dropdownlist from API

I would like to create a form and add a dropdown list widget that will pull its choices from an API. I don't see any setting for that where would I call the API? what I was able to find is from 2014 so I think its outdated.
https://www.progress.com/blogs/sitefinity-custom-form-widget-with-dependent-dropdowns
It's cake... just use a regular input, then on the page use a Javascript widget and wire it up into a dropdown.
https://demos.telerik.com/kendo-ui/dropdownlist/remotedatasource
Use whatever JS component you want
Just a note though, give your input a cssclass name that will let you easily find it with the javascript.
I have a post on this https://www.sitefinitysteve.com/blog/binding-sitefinity-form-field-to-remote-data

How to set dynamic options from API response in fluent ui react Dropdown control?

I have encountered a situation where I need to display a Dropdown and want the options to dynamically fetch from an API and load on clicking the caret (maybe show a loader by the time the API response comes through). The experience I am looking for is something in the following lines -
Loading (fetching options from API)
Display options after successful response
The documentation didn't give any API surface through which this can be possible.
Is it possible to achieve this with the current APIs that are in place for this control component?
Good point to start is to use BasePicker Component from Pickers.
import { BasePicker } from 'office-ui-fabric-react/lib/Pickers'
Inside BasePicker you have a methods which you can use to make a "lazy" behavior. For example, when you click on component then make a call to API and populate items list.
What is inside BasePicker take a look here or from official documentation.
Codepen example

Creating an interactive events scheduler

I'm attempting to create something with a similar layout to this schedule page.
See attached screenshot also.
.
So what I need is:
- "Categories" across the top of the scheduler (Vertical dividers).
- "Timeslots (07:00 07:30, etc..)" down the left of the scheduler.
User's can then add events via modal screens and assign them "Timeslots" and "Categories".
They should then appear in the Schedule in the appropriate locations.
The above mentioned example appears to be using Dojo.
I found this calendar widget but am unsure of how to get it to represent "Categories" across the top when using the "Day" view.
Is this possible with the dojo calendar widget? (I've never worked with Dojo before)
Any suggestions as to other frameworks or example's that would provide me with this functionality would be very welcome also.
I've looked at JQuery's fullCalendar plugin and it doesn't seem to provide this functionality (Would be great if someone could prove me wrong!).
After looking at Dojo's widget documentation I think the Sub-Column display is what you are looking for. So each Calendar in this case will represent a category. http://livedocs.dojotoolkit.org/dojox/calendar#sub-columns.
I don't think FullCalendar is capable of the category layout, but I think its cool enough to request: http://arshaw.com/fullcalendar/wiki/Request-a-Feature/
Hope that helps!

Which API creates bar chart aggregation on Timeline?

The Facebook Game "SongPop" has an aggregate of "Most Victories" appear on a person's timeline. The presentation is in the form of a bar chart.
I'm guessing that this has been created by submitting an object to the Open Graph each time a user experiences a "Victory", and then Facebook will aggregate these for the timeline.
I'd like to know: How can I do the same? Which object, actions or API can I use?
(I'm using both the Javascript and PHP SDKs and am indifferent as to which one is used to make the submission - an answer which provides a solution in terms of a POST to an Open Graph URL would do nicely).
This is Profile data (https://developers.facebook.com/docs/opengraph/objects/builtin/#external_profile) used with Win action type in list layout form style. Sort by favorite and caption line is something like {count} victories
Hope that helps. Thanks

Sitefinity 4.4 - Dynamically change page title and description at runtime

Does anyone know how to dynamically change the page title in Sitefinity from a regular user control?
Our scenario is simple. We have a real estate website with a search feature. On the search results page we have a control showing the search results, but we need to be able to change the Page title, description and keywords based on the search performed.
We posted on Telerik, but they gave vague answers and pointed us to incorrect objects or objects that didn't actually work.
?
Regards,
Jacques
The way I've usually done this in the past is by using an external widget template.
By mapping your widget template to an external file, you can use a full User Control (.ascx file) which means you can also run code behind.
From there it's just a matter of running something like
Page.Title = "whatever";
For more info on using an external template for Sitefinity Widgets, check out this post: http://www.sitefinity.com/blogs/joshmorales/posts/11-05-10/mapping_external_templates_for_sitefinity_4_widgets.aspx
Hope this is helpful!