Remove a list item

[Purushothama]

Hi,

I have a radiobuttolist with 3 items.

<telerik:RadRadioButtonList ID="RadRadioButtonList1" runat="server"AutoPostBack="False">

    <Items>
        <telerik:ButtonListItem Text="Approve" Value="value1"Selected="True" />
        <telerik:ButtonListItem Text="Return" Value="value2" />

  <telerik:ButtonListItem Text="Reject" Value="value3" />
    </Items>
</telerik:RadRadioButtonList>

 

I need to remove 3rd item from the list on client click of some other control (for example on button client click). Is that possible? If yes, how can I remove it from client side using jQuery?

At the end result I should I have only 2 options: Approve and Return.

 

And if I click again on the button, It should display all 3items.

Thanks in advance for your valuable help.

[Attila Antal]

Hello Purushothama,

Best practice is to use hide/show methods, and only remove/add if necessary. The code snippet below demonstrates both ways.

<script type="text/javascript">
    var listItem = null;

    $(document).ready(function () {
        listItem = $("button[value='Reject']");
    })

    function addRemoveItem(sender, args) {
        var rbList = $('#RadRadioButtonList1');
        ($("button[value='Reject']").length < 1 ? rbList.append(listItem) : $("button[value='Reject']").remove());
    }

    function showHideItem(sender, args) {
        if ($("button[value='Reject']").length > 0)
            listItem.is(":visible") ? listItem.hide() : listItem.show();
    }
</script>

Attached you can find the working sample. Please try it out and see if that works for you.


Regards,
Attila Antal
Progress Telerik

[Purushothama]

Hello Attila Antal,

Thanks a lot for your quick response. As you suggested I am using Show/Hide method. It is absolutely working fine for me.