May 29, 2010, 9:26 AM
[CLOSED] Drop down Field | Check Box Group
Hi,
I ahve a drop down field with CHeckbox group. I have set Lazymode="instance" to checkboxes as well as checkbox group.Despite that I am not able to select any checkbox without 1st expanding the drop down field.YOu can try the following code:
I ahve a drop down field with CHeckbox group. I have set Lazymode="instance" to checkboxes as well as checkbox group.Despite that I am not able to select any checkbox without 1st expanding the drop down field.YOu can try the following code:
<script type="text/javascript" language="javascript">
var triggerClicked = function (a, b, index) {
if (index == 0) {
chkGroup.eachItem(function (i) { i.setValue(true); });
}
else {
chkGroup.eachItem(function (i) { i.setValue(false); });
}
}
</script>
<ext:DropDownField runat="server" LazyMode="Instance">
<Triggers>
<ext:FieldTrigger Icon="SimpleRight" Qtip="Select All" />
<ext:FieldTrigger Icon="SimpleMinus" Qtip="Deselect All" />
</Triggers>
<Listeners>
<TriggerClick Fn="triggerClicked" />
</Listeners>
<Component>
<ext:Panel runat="server" id="pnl1" Width="200" ForceLayout="true" AutoHeight="true" MaxHeight="300" Padding="2">
<Items>
<ext:CheckboxGroup ID="chkGroup" LazyMode="Instance" ColumnsNumber="1" runat="server">
<Items>
<ext:Checkbox runat="server" BoxLabel="Check1" LazyMode="Instance"></ext:Checkbox>
<ext:Checkbox ID="Checkbox1" runat="server" LazyMode="Instance" BoxLabel="Check2"></ext:Checkbox>
</Items>
</ext:CheckboxGroup>
</Items>
</ext:Panel>
</Component>
</ext:DropDownField>