-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi
All the examples in ZK are showing with one record with add/edit/delete for Form Binding with middle Object. Do we have any examples how to handle Multiple records where the UI is in the editable listbox with components as textbox, drop down and check box .
For example , here is the sample UI which contains inline editing. So how to use Form Binding with middle object
This smalltalk contains an example using a form proxy around a more complex Order-object that contains a Basket-object with a collection of BasketItems.
It is rendered in basket.zul. The collection of basketItems is wrapped into a live-ListModelList in the BasketViewModel. To enable simple adding/removing of items using the List add/remove functions and have automatic UI updates by using a ListModel implementation.
As mentioned before there multiple ways to implement such behavior so don't take this as the ONLY way to do this.
I am not able to give runnable example. But here it the piece of code
<div>
<tabbox id="hpitab">
<tabs sclass="linktabs" id="maintabs"
children="@bind(vm.encounterHeadingList)">
<template name="children" var="item">
<tab label="@load(item.headingName)"
sclass="maintabtext2" />
</template>
</tabs>
<tabpanels children="@bind(vm.encounterHeadingList)">
<template name="children">
<tabpanel>
<div align="right">
<button
onClick="@command('onLoadNormalHeading',record=each)"
label="Load Normal Summary" sclass="mybtn">
</button>
</div>
<ckeditor vflex="1" height="350px"
value="@bind(each.headingSummary)"
customConfigurationsPath="@bind(vm.configPath)"
toolbar="MyToolbar" />
</tabpanel>
</template>
</tabpanels>
</tabbox>
</div>
Asked: 2016-12-27 06:33:59 +0800
Seen: 44 times
Last updated: Jan 29 '18
ZK8 Listbox not loading data when using form binding and object property
ZK8: Simple but Powerful; Using Data-handler API to Work with Front-End Technologies
Why are my comboitems outside of their combobox?
ZK 8 Form Object How to get Value
Stop the propagation of the onSelect event of a Listbox
"inline" is a property of an InputElement to change its appearance so it's irrelevant for using form binding.
cor3000 ( 2016-12-28 02:51:19 +0800 )editAgain in order to help efficiently please provide a RUNNABLE example that shows your UI requirements. Since there are many ways to achieve this I would like to avoid spending time giving an example that doesn't help your case. For more specific questions I suggest contacting our customer support.
cor3000 ( 2016-12-28 02:55:51 +0800 )edit