Kendo UI Angular2 NumericTextBox not showing updated value till it is focused - kendo-ui-angular2

In Kendo NumericTextBox if the value is updated on the component for e.x. in the Plunkr I have a interval trigger to increase value every 2 seconds, the updated value is visible on NumericTextBox only when the textbox is in focus. As per Angular2 data-binding any expression like [value]="numberValue" should hook for changes to "numberValue" and update it's value.
Plunkr for issue
`http://plnkr.co/edit/omlefk6zfhHc4lB3yXzt?p=preview`

This is a bug. Please open a new issue in the Kendo Angular repo.

Related

Multi Column Header for Angular 2 Kendo Grid

I am try to create a Kendo Grid with multi column header using Kendo UI for Angular 2. Previously, the old version for Kendo supported this (http://demos.telerik.com/kendo-ui/grid/multicolumnheaders). Is this supported in the Kendo Grid for Angular 2?
Another thing that I am trying is column filtering capability which was enabled using the columnMenu option previously. Is this option present in the Kendo Grid for Angular 2?
Both of these are part of the future plans of the framework, note that Kendo UI for Angular 2 is a completely new product built from scratch and you can keep track on the roadmap here:
http://www.telerik.com/kendo-angular-ui/roadmap
The feature is now implemented.
You need to use the <kendo-grid-column-group>
Here is a plunker from KendoUI http://plnkr.co/edit/mPbo8CRYYm2AcdGdEfrY?p=preview
Source: http://www.telerik.com/kendo-angular-ui/components/grid/columns/#toc-multi-column-headers

Properly aligning a ListView in react-native

I have a screen in my react-native app where I am showing details of a record. It's a pretty simple screen where on the left column, I have a label describing the item and on the right, I have the value of the item. For one of the values, I have to render a ListView and I am not able to properly align it. Below is the sample app on rnplay with the symptoms:
Sample app on rnplay
Please run on iOS. Here ComponentListView is a reusable component that I am using to render ListView and it takes a component and data as it props and render each entry in the data using the passed in component. Here the list is BackupList and the component to render in each row is BackupSummary. If you run the app, you will observe that the backups are not aligned properly. I ran it in the Inspector on the simulator and looks like the ListView starts from where Varun Accepted is seen. I am not sure why. Right now there is just one item in the this.props.backupContacts but there could be more. I have tried many different flexbox properties such as alignItems, justifyContent, alignSelf in order to get it to work with no success.
Please let me know if you know how to fix it.
Put your ListView inside a View and apply css on View, something like this
<View style={{display:'flex', flexDirection:'row', justifyContent:'center'}}>
<ListView/>
</View>

Vaadin GridLayout removeComponent doesn't work

I have a View which extends GridLayout and has a 2x2 - Matrix.
Now I want to programmatically remove a component in one of the cells of the GridLayout with:
this.removeComponent( component );
But the component doesn't get removed at least the browser view doesn't get updated.
I also used:
this.removeComponent( col , row , component );
But the problem is still the same.
UPDATE: When I first do a component count :
int c = this.getComponentCount();
I get four.
After the removeComponent I get THREE - so it get's removed but the browser doesn't reflect this.
Any ideas what the problem could be?
Your problem is a sync problem, the client doesn't get notified from your server, so he doesn't know that this gridlayout has changed.
So the client is not updating his view.
To fix this, you can use #Push annotation or add a "refresh" button.
Push (see Doc) allows you to call client actions from the server to update view. The problem you are actually having is that your element is not removed after a client action, so the client is not waiting for a content update, so nothing is updated.

how to render primefaces dynaform with ui-repeat,p:datalist

I'm trying to create multiple dynaforms in my page which will repeat multiple times by clicking button.
To do this i've used ui-repeat but this is not displaying any dynaform at all.As an alternative solution i have used primefaces datalist(or datatable) they are able to repeat the dynaforms. But here in this solution i'm facing another problem with pe:timepicker, that is if i change value in one time picker that effect all the time pickers in repeated dynaforms.
Is there any solution for repeating dynaforms in ui-repeat. How to isolate the timepicker value change specific to dynaform.
I am using JSF2.1.24,primefaces 4.0-snapshot and primefaces-extention-1.0.0.RC1.
ui:repeat was always buggy. And yes, DynaForm works within PrimeFaces data iteration components. How do you change value in pe:timepicker? There are some tricks for DynaForm. See e.g. this one.
I would suggest you ask in our sub-forum for more information.
Please also use the last final releases 4.0.0 and 1.0.0 respectively.

Viewstate of UserControl failing to load after migrating 2.0 to 4.0

I have a gridview and a usercontrol. On Rowediting event i am binding details in usercontrol. But when any postback happens inside that usecontrol, then following excetion generates.
"Failed to load viewstate. The control tree into which viewstate is being loaded must match the control tree that was used to save viewstate during the previous request. For example, when adding controls dynamically, the controls added during a post-back must match the type and position of the controls added during the initial request"
The code was working fine with framework version2.0. After migrating our website to framework version 4.0 this is not working
Note: I am not adding/replacing controls dynamically
This is resolved now. The problem was i was opening user control in row editing event and was not actually editing the row. i placed e.cancel=true; in row editing event which solved this issue

Resources