Multiple Data Template list view specific for Chat - xamarin

Can any body provide solution for the Multiple data template view in Xamarin forms to create chat structure?

Check temple selector for list view to make chat app
https://learn.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/templates/data-templates/selector

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.

Add component to every view

In my xamarin app I have custom control <commonErrors/> which shows all types of error responses from the server. Now I have a lot of views and I don't want to add this control to every single one.
Is it possible to add control to every current and new View?

Integrating Surveyjs with Nativescript + Angular

I am trying to merge surveyjs along with my NativeScript application. I have referred URL for merging the same with Angular application
From the Angular demo code given on website, we have to add event handler for Complete button where we can get the response from surveyjs. Is it possible to integrate similarly for Nativescript Mobile application? Here is the approach which i feel can be taken.
Display
Create a HTML as provided by SurveyJS with required CSS and JS
referenced and add them as a file in project.
Modify HTML once i get the survey question json back from server.
Show the HTML as part of WebView. This will take care of displaying
the survey on my Application.
Here are my challenges during Submission
As per the process given on SurveyJS, i need to add handler for
oncomplete which will get the result json for me. How can i add
handlers for Complete button click in my code? Also please note that
there is a possibility that there may be multiple surveys on a single
page.
Apart from Survey, there are other fields also on the page and user
will submit them all in one go by clicking submit button of the page.
Hence i am planning to hide Complete button provided by SurveyJS
page. This needs to be triggered via code. Can this be done?
If someone can give directions on whether this scenario can be handled in nativescript application with Angular,it would help immensely.
yes it can be done using nativescript-webview-interface plugin.
add jS code inside WebView to handle oncomplete event from surveyJS. and on that function call emit some event to native app. after that add nativescript code to listen for that event and get the JSON back.
inside webView JS function
var oWebViewInterface = window.nsWebViewInterface;
// emit event to native app
oWebViewInterface.emit('anyEvent', jsonData);
inside native App
oWebViewInterface.on('anyEvent', function(jsonData){
// perform action on event
});
for more details on this you can check plugin readme file https://github.com/shripalsoni04/nativescript-webview-interface

Dynamically add routerLink to a component created dynamically via AJAX in Angular 5

I've got a component that downloads data from an API. When the user clicks Search, the content from the API is fetched via AJAX. This content from the API is in JSON and has got an ID of the product inside. I am able to create new HTML elements based on this content and put them inside my site, but I would like every created on the fly element to have routerLink="/detailsPage/itemID" working, so that after clicking it would route to detailsPage with apropriate ID. How to do it in the most simple way? I assume some recompiling of refreshing is needed.
The answer to this question is HTTPClient - Angular offers it as an easier way to use XMLHttpRequest (AJAX) in Angular applications, and using it also makes sure that routerLink or any other Angular directives will work on objects created dynamically with this method.
Angular - HTTPClient

Ajax connected webparts in sharepoint 2013

I need to implement custom treeview with categories and connect this webpart with ListView webpart. Can this be done with ajax? How? And how to pass param from provider via JS (I know only __doPostBack method, are there any other ways)?
I think your best bet is to look at the JavaScript API for SharePoint:
API Reference
And then integrate code that queries your views in a list with the jsTree jQuery plugin:
jsTree Reference
Now you can use JQuery to determine what's happening with your list view web part, but it will be time consuming. I would use the Microsoft Javascript API to create a drop down of the various views you have in your list, and then render that data in such a way it will work with the markup jsTree requires.

Resources