The the wjMenuSeparator adds a non-selectable separator to a Menu control, and has no attributes.
It must be contained in a wjMenu binding. For example:
<p>Here is a Menu control with four menu items and one separator:</p>
<div data-bind="wjMenu: { value: tax, header: 'Tax' }">
<span data-bind="wjMenuItem: { value: 0 }">Exempt</span>
<span data-bind="wjMenuSeparator: {}"></span>
<span data-bind="wjMenuItem: { value: .05 }">5%</span>
<span data-bind="wjMenuItem: { value: .1 }">10%</span>
<span data-bind="wjMenuItem: { value: .15 }">15%</span>
</div>
KnockoutJS binding for menu separators.
The the wjMenuSeparator adds a non-selectable separator to a Menu control, and has no attributes. It must be contained in a wjMenu binding. For example:
<p>Here is a Menu control with four menu items and one separator:</p> <div data-bind="wjMenu: { value: tax, header: 'Tax' }"> <span data-bind="wjMenuItem: { value: 0 }">Exempt</span> <span data-bind="wjMenuSeparator: {}"></span> <span data-bind="wjMenuItem: { value: .05 }">5%</span> <span data-bind="wjMenuItem: { value: .1 }">10%</span> <span data-bind="wjMenuItem: { value: .15 }">15%</span> </div>