AJAX: Dropdown Update Controls

Using AJAX to deliver server-side functionality to the client In this article I’ll demonstrate using AJAX to update an HTML table based on a dropdown selection. First I’ll define the ViewModel to contain data for this exercise. Next, I’ll define the dropdown to be populated. Now, I’ll populate the dropdown. To attached AJAX, I’ll add…

JavaScript

Please see my other Web articles. JAVASCRIPT Changing a CSS class Classes Functions Knockout: Computed fields Knockout: Edit fields Knockout: Input Fields Knockout: Updating the ViewModel Get RadioButtonList Selection JQuery: Date Input JQuery: Toggle Radiobutton Choices Scroll User Toggling RadioButton Choices

Web Development

Since the browser replaced the traditional software client as the primary consumer of logic-intensive applications and content, web development remains one of the most critical tech-skills within organizations. The following pages demonstrate my skills within programming-both client and server side, as well as crucial concepts for delivering highly robust and maintainable applications: Object-oriented Programming (OOP)…

Knockout: Updating the ViewModel

Please see my other JavaScript articles. Using Knockout.js to dynamically bind events to fields. In most web applications, the user drives the business process being invoked. Therefore, it’s necessary to allow them to “fire” events in order to provide the desired functionality. To illustrate how to integrate an event, I will begin where my last…

Knockout: Input fields

Please see my other JavaScript articles. Using knockout.js to dynamically reflect changes to input fields. As described on the Knockout.js website, it provides impressive features such as: Declarative Binding, Automatic UI Refresh, Dependency Tracking, and Templating. In this article, I will illustrate Declarative Binding and Automatic UI Refresh using some basic input fields. First, I’ll…

Knockout: Edit fields

Please see my other JavaScript articles. Using knockout.js to dynamically reflect changes to edit fields. Continuing from my last Knockout.js: Input fields article where I illustrated basic binding, I will now show how to enable editable fields to be bound as well. I’ll begin with the HTML from the last article where I have the…

Knockout: Computed fields

Please see my other JavaScript articles. Using Knockout.js to dynamically aggregate fields. Many times when working on the presentation layer of an application the need arises to present a value which is the result of aggregating the values of two or more fields. In this article I will illustrated how to combine the values from…

JQuery: Date Input

Please see my other JavaScript articles. Ensuring valid dates are received. When users complete online forms, it’s critical to ensure values received are valid both in format and type. JQuery provide the ability to present the user with an input control that mimics a standard textbox control, but forces him/her to select their date using…

JavaScript: Toggling RadioButton Choices

Please see my other JavaScript articles. Using JavaScript to dynamically change selections. In this example I will illustrate how to dynamically hide/show radiobutton choices based on the user selection. I’ll begin with a few simple asp.net radiobuttonlist controls. As you can see, the HTML generated by the asp.net control is quite extensive and potentially confusing.…