Category: JavaScript

Knockout.js is a client-side Javascript framework for creating single page applications. Central to the framework is the VIewModel. ViewModel represents the model or data for the View. It also has the behavior of the view. Click event handlers are part of the ViewModel.

DOM elements (View) are bound to ViewModel. We create a simple ASP.NET MVC application which displays a DropDown.…

Read More

ASP.NET UI

There are two Listboxes – list1 and list2. And four buttons. We want to move items from the one Listbox to another.

There is a:

  • Add button to add selected items.
  • Add All button to add all items.
  • Remove button to remove selected items.
  • Remove All button to remove all items.

We are using classic ASP.NET Web forms.

<div>
  <asp:ListBox ID="list1" runat="server">
    <asp:ListItem Text="One"></asp:ListItem>
    <asp:ListItem Text="Two"></asp:ListItem>
    <asp:ListItem Text="Three"></asp:ListItem>
  </asp:ListBox>
  <asp:Button ID="btnAdd" runat="server" Text=">" />
  <asp:Button ID="btnAddAll" runat="server" Text=">>" />
  <asp:Button ID="btnRemove" runat="server" Text="<"/>
  <asp:Button ID="btnRemoveAll" runat="server" Text="<<" />
  <asp:ListBox ID="list2" runat="server"></asp:ListBox>
</div>

jQuery

The jQuery code for moving items is simple enough.…

Read More