Kendo Scheduler event is not getting updated after resize - kendo-ui

I have a kendo scheduler with transport function. Below is the url
http://runner.telerik.io/fullscreen/IgOba
Here in this scheduler when I try to resize the event or move the event event widget is getting resized/moved for a fraction of second and then comes back to the previous stage. But the data is getting updated in backend(it is not there in above example) if I refresh the page its showing the updated event widget. From the Kendo UI demo (http://demos.telerik.com/kendo-ui/scheduler/index) I removed the create and delete event from transport and made update as a javascript function. With this small change the event widget failing to get updated the size...
Please help me if you know any help is appreciated.

Related

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

Orbeon forms - validation trigger on keyup

We are using Orbeon forms version 2017.1.1, and we are trying to trigger validation of the current field in the form on each keyup JS event. We have tried using ev:event="xxforms-value-changed" but it only fires after the field has "blurred". Is there a way to trigger the validation on keyup event using XML?
You can get the value to be updated as users type, without waiting for users to press enter, or for the field to loose the focus, by adding the incremental="true" attribute on your <xf:input>. This isn't the default as it creates more chatter between the browser and the server, as well as more load on the server, and often isn't necessary.

How do I know when kendo treeview has finished loading?

I'm trying the Kendo Ui framework. I'm working on a treeview.
I need to know if there is an event that is raised when it is finished loading the complete treeview. I'm using a call json.
Loading it or rendering it? It is similar but not the same, first you need to load the data and only then it starts rendering the loaded items.
For loading you might use dataBound in the TreeView

Attach event handler to KendoUI widget (View)

I am attempting to work an existing web app to use Kendo (Mobile) UI widgets.
All of the existing javascript code base is contained within AMD modules (RequireJS).
I would like to attach a 'show' event handler to a view, so that the app can request data from the back end, however the data logic is within a module, and cannot be called from the page script (and thus, I can't use Kendo data-event attributes).
I thought that I would be able to to attach an event handler in code like so:
$('#tabstrip-browse').on("show", function(e) {...});
however, the event handler is not called.
Is there a way to do this?
Seems I'm finally able to answer my own question
My issue was that I was trying to use jQuery event binding syntax to bind to the events, however, KendoUI does not expose events in a jQuery friendly/compliant way.
However, there is a way to do this using the KendoUI API
There is no standard 'show' event in javascript or jQuery. You can bind custom events, but you need to also include a way to trigger them.
Here's a trivial example:
// bind the custom event
$('#element').on('show', function(e) {
// handle the custom event
});
// trigger the custom event
$('#element').trigger('show');
There is an attach event on Durandal
https://groups.google.com/forum/#!topic/durandaljs/UQ9hXpwP_ds

What event fires to an firefox extension when the back button is selected or history item is selected

My extension needs to know that the tab is displaying something from the history rather than the latest loaded document.
onload doesn't seem to be the right event. It doesn't always fire.
Use the pageshow event, it fires after the onload event and has a parameter called persisted that will be set to true when the page is loaded from the cache.

Resources