Apr 08, 2015, 12:31 PM
FieldReplicator binding
On the following sample, press
Refresh the page, and inform the following values
Then press,
Load Record
button. I would expect that it shows one field for each value of PropB.Refresh the page, and inform the following values
Then press,
Clear
button. I would expect that all B
fields were cleared.<!DOCTYPE html>
<html>
<head runat="server">
<script type="text/javascript">
var LoadRecord = function () {
App._str.loadRawData({ PropA: 'Object.NET', PropB: ['v1', 'v2', 'v3'] });
App._frm.getForm().loadRecord(App._str.getAt(0))
}
var Clear = function () {
App._str.loadRawData({ PropA: '', PropB: [] });
App._frm.getForm().loadRecord(App._str.getAt(0))
}
</script>
</head>
<body>
<ext:ResourceManager runat="server" Theme="Crisp" />
<ext:Store ID="_str" runat="server">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="PropA" Type="String" />
<ext:ModelField Name="PropB" Type="Object" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
<ext:FormPanel Margin="10" ID="_frm" Title="Form Panel" DefaultAnchor="100%" Width="300" Height="350" Border="true" runat="server">
<FieldDefaults LabelAlign="Top" MsgTarget="Side" />
<Items>
<ext:TextField FieldLabel="A" Name="PropA" runat="server" />
<ext:TextField FieldLabel="B" Name="PropB" runat="server">
<Plugins>
<ext:FieldReplicator runat="server" />
</Plugins>
</ext:TextField>
</Items>
<Buttons>
<ext:Button Text="Load Record" runat="server">
<Listeners>
<Click Handler="LoadRecord();" />
</Listeners>
</ext:Button>
<ext:Button Text="Clear" runat="server">
<Listeners>
<Click Handler="Clear();" />
</Listeners>
</ext:Button>
</Buttons>
</ext:FormPanel>
</body>
</html>
Thanks in advance.