Revision history [back]

I have this View in ZK:

<zk>
    <style src="/widgets/grid/inline_row_editing/style.css" />
    <div apply="org.zkoss.bind.BindComposer"
         viewModel="@id('vm')     @init('com.gemalto.segmentation.viewModel.users.InplaceEditingViewModel')"
>

        <grid id="demoGrid"
              model="@load(vm.languageContributions) @template((vm.displayEdit and each.editingStatus) ? 'editable' : 'noneditable')">
            <auxhead>
                <auxheader colspan="4"
                           label="Create Users">
                    <hlayout>
                        <label />
                        <button label="create" 
                                onClick="@command('onAddNew', languageContributionStatus=each)" />
                        <checkbox checked="@bind(vm.displayEdit)"
                                  label="Enable Multiple Inline Row Editing">
                        </checkbox>
                    </hlayout>
                </auxheader>
            </auxhead>

            <columns>
                <column width="160px">Email</column>
                <column width="160px">Password</column>
                <column width="160px">Confirm-Password</column>
                <column width="160px">Role</column>
                <column width="160px">Mnos</column>
                <column width="110px" visible="@load(vm.displayEdit)">Edit</column>
                <column width="110px"     visible="@load(vm.displayEdit)">Remove</column>
            </columns>
            <template name="editable">
                <row>
                    <textbox
                        value="@load(each.languageContribution.email) 
@save(each.languageContribution.email, before='confirm')" />
                    <textbox
                        value="@load(each.languageContribution.password) 
@save(each.languageContribution.password, before='confirm')" />      
                    <textbox
                        value="@load(each.languageContribution.password) 
@save(each.languageContribution.confirmPass, before='confirm')" />  
                    <textbox
                        value="@load(each.languageContribution.role) 
@save(each.languageContribution.role, before='confirm')" />


                    <button id="MnoE" label="Mnos">
                        <attribute name="onClick"><![CDATA[
            if (!MnoEWin.isVisible())
                MnoEWin.setVisible(true);
             MnoEWin.doHighlighted();
        ]]></attribute>
                    </button>


                    <button
                        label="save"
                        onClick="@command('confirm', languageContributionStatus=each)" />
                    <button
                        label="cancel"
                        onClick="@command('changeEditableStatus2', languageContributionStatus=each)" />


                </row>
            </template>
            <template name="noneditable">
                <row>

                    <label value="@load(each.languageContribution.email)" />
                    <label value="@load(each.languageContribution.password)" />
                    <label value="@load(each.languageContribution.password)" />
                    <label value="@load(each.languageContribution.role)" />

                    <button id = "edita"
                        label="edit"
                        onClick="@command('changeEditableStatus', languageContributionStatus=each)" />
                    <button label="delete"
                                onClick="@command('onDelete', languageContributionStatus=each)" />

                </row>
            </template>

        </grid>
    </div>
</zk>

And i do not why in

<template name="noneditable">

I have only One button with id

    <button id = "editar"
                    label="edit"
                    onClick="@command('changeEditableStatus', languageContributionStatus=each)" />

I have an error: Not Unique in ID space [Page myYFM_] editar. If i have only one button with that id

I have this View in ZK:

<zk>
    <style src="/widgets/grid/inline_row_editing/style.css" />
    <div apply="org.zkoss.bind.BindComposer"
         viewModel="@id('vm')     @init('com.gemalto.segmentation.viewModel.users.InplaceEditingViewModel')"
>

        <grid id="demoGrid"
              model="@load(vm.languageContributions) @template((vm.displayEdit and each.editingStatus) ? 'editable' : 'noneditable')">
            <auxhead>
                <auxheader colspan="4"
                           label="Create Users">
                    <hlayout>
                        <label />
                        <button label="create" 
                                onClick="@command('onAddNew', languageContributionStatus=each)" />
                        <checkbox checked="@bind(vm.displayEdit)"
                                  label="Enable Multiple Inline Row Editing">
                        </checkbox>
                    </hlayout>
                </auxheader>
            </auxhead>

            <columns>
                <column width="160px">Email</column>
                <column width="160px">Password</column>
                <column width="160px">Confirm-Password</column>
                <column width="160px">Role</column>
                <column width="160px">Mnos</column>
                <column width="110px" visible="@load(vm.displayEdit)">Edit</column>
                <column width="110px"     visible="@load(vm.displayEdit)">Remove</column>
            </columns>
            <template name="editable">
                <row>
                    <textbox
                        value="@load(each.languageContribution.email) 
@save(each.languageContribution.email, before='confirm')" />
                    <textbox
                        value="@load(each.languageContribution.password) 
@save(each.languageContribution.password, before='confirm')" />      
                    <textbox
                        value="@load(each.languageContribution.password) 
@save(each.languageContribution.confirmPass, before='confirm')" />  
                    <textbox
                        value="@load(each.languageContribution.role) 
@save(each.languageContribution.role, before='confirm')" />


                    <button id="MnoE" label="Mnos">
                        <attribute name="onClick"><![CDATA[
            if (!MnoEWin.isVisible())
                MnoEWin.setVisible(true);
             MnoEWin.doHighlighted();
        ]]></attribute>
                    </button>


                    <button
                        label="save"
                        onClick="@command('confirm', languageContributionStatus=each)" />
                    <button
                        label="cancel"
                        onClick="@command('changeEditableStatus2', languageContributionStatus=each)" />


                </row>
            </template>
            <template name="noneditable">
                <row>

                    <label value="@load(each.languageContribution.email)" />
                    <label value="@load(each.languageContribution.password)" />
                    <label value="@load(each.languageContribution.password)" />
                    <label value="@load(each.languageContribution.role)" />

                    <button id = "edita"
                        label="edit"
                        onClick="@command('changeEditableStatus', languageContributionStatus=each)" />
                    <button label="delete"
                                onClick="@command('onDelete', languageContributionStatus=each)" />

                </row>
            </template>

        </grid>
    </div>
</zk>

And i do not why in

<template name="noneditable">

I have only One button with id

    <button id = "editar"
                    label="edit"
                    onClick="@command('changeEditableStatus', languageContributionStatus=each)" />

I have an error: Not Unique in ID space [Page myYFM_] editar. If i have only one button with that idid.