Tag Archives: KnockoutJS

Part 1: Business Application using HTML5, ASP.NET MVC, Web API and KnockoutJS


Business Application using HTML5, ASP.NET MVC, Web API and Knockout.js – Part 1
// ASP.NET Community Spotlight

Mahesh Sabnis begins a series on building a line of business application using ASP.NET MVC 5, Web API and Knockout. This first post focuses on authentication and identity.

Part 1: Business Application using HTML5, ASP.NET MVC, Web API and KnockoutJS


Business Application using HTML5, ASP.NET MVC, Web API and Knockout.js – Part 1
// .NET Curry: Recent Articles

Create a business application using newer web technologies like HTML5, ASP.NET MVC, Web API, Knockout.js and jQuery.

HTML Data Grid with CRUD Operations in ASP.NET MVC using Knockout.js, Require.js and WEB API


via HTML Data Grid with CRUD Operations in ASP.NET MVC using Knockout.js, Require.js and WEB API.

Typically, HTML tables in an application are simply used to display a collection of data from external sources. But what if we are able to extend the behavior of the HTML table to replicate a basic Data Grid like functionality with CRUD operations, as found in server-side solutions? In this article we will use the Knockout.js library for Model creation and Databinding and jQuery Library for managing Ajax calls to a service created using ASP.NET WEB API.

VueJS Tutorial


via Vue.js Tutorial – Vegibit.

Vue.js shares similar concepts to other popular JavaScript frameworks like Rivet.js, Ractive.js, Angular.js, and Knockout.js. These types of frameworks offter a structural outline for interactive web applications. Raw HTML acts as the templating language, while these frameworks extend the syntax to provide data binding and User Interface data modeling. Vue.js strives to make working with these types of frameworks as simple and functional as possible. Let’s go through a Vue.js tutorial to learn about how it works, and what it can offer us.

  1. Creating a Vue Instance new Vue()
  2. Vue.js Two Way Data Binding v-model
  3. Displaying Lists with Vue.js v-repeat
  4. The Vue.js Event System v-on
  5. Filtering with Vue.js | filterBy
  6. Vue.js Custom Filters Vue.filter()
  7. Vue.js Components Vue.extend()
  8. Vue.js Component Props props: []
  9. Custom Directives with Vue.js Vue.directive()

Building SilkThread.pw using NancyFX


Background Those who have been following my Knockout Component series of articles will know I am attempting to build a little SPA framework of my own here. No, it’s not the next best thing since sliced bread, just my attempts at learning Javascript, TypeScript and putting together a bunch of really cool libraries. To try […]

https://sumitmaitra.wordpress.com/2014/08/31/building-silkthread-pw-using-nancyfx/

Creating a KnockoutJS Model From an ASP.NET MVC Model


The Problem In the previous article I showed how to load and populate an existing KnockoutJS view model which mirrored the properties of a C# model.  There is an obvious problem relating to maintainability here; when the C# model changes we need to manually update the KnockoutJS view model.  Fortunately there is a solution! The […]

https://sharvanblog.wordpress.com/2014/09/22/creating-a-knockoutjs-model-from-an-asp-net-mvc-model/

Part 6: Custom Components – Tabs


In Part 4 we have seen how to use History.JS along with Crossroads.js to achieve proper client side routing and maintain browser state for proper back button navigation. However, SPAs often have complex page states for example a page with tabbed data or grid data with a particular filter. One of the ways we can […]

https://sumitmaitra.wordpress.com/2014/09/25/part-6-custom-componentstabs/