Skip to content

Instantly share code, notes, and snippets.

View sagar-ganatra's full-sized avatar

Sagar Ganatra sagar-ganatra

View GitHub Profile
<script src="../../js/jquery.min.js" />
<script src="../../js/kendo.all.min.js" />
<script>
$('document').ready(function(){
var viewModel = kendo.observable({
fname: "Sagar",
lname: "Ganatra",
fullname: function() {
return this.get("fname") + ' ' + this.get("lname");
<form id="testView">
Firstname: <input id="firstName" type="text" data-bind="value: fname"><br/>
Lastname: <input id="lastName" type="text" data-bind="value: lname"><br/>
Fullname: <input id="fullname" type="text" data-bind="value: fullname"><br/>
<input type="submit">
</form>
<!DOCTYPE HTML>
<html>
<head>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/kendo.all.min.js"></script>
<script>
$('document').ready(function() {
viewModel = kendo.observable({
optionsData: [
{optionValue:1, optionName: "test1"},
@sagar-ganatra
sagar-ganatra / index.html
Created August 12, 2012 10:08
Uploading chunks of a large file using XHR2
<!DOCTYPE HTML>
<html>
<body>
<div id="uploadFile">
<input type="file" id="userfile">
<div id="messages">
</div>
</div>
<script>
(function(){
#box {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-align-items: center;
//Define an Observer class
function Observer(name, updateFn) {
this.name = name;
this.updateFn = updateFn;
}
//Create an instance of Observer class
observerObj = new Observer("observer1", function(msg) { console.log(msg); });
//Create an instance of the Subject and provide the observer object
@sagar-ganatra
sagar-ganatra / CarBackboneModel.js
Created October 5, 2012 14:05
A Backbone Model without constructor
//Create a Car Model
var Car = Backbone.Model.extend({
//Validate the Car Model
validate: function(attr) {
if( !(attr.brand && attr.model && attr.color) ) {
return "Error Occurred";
}
},
@sagar-ganatra
sagar-ganatra / CarBackboneModel-version2.js
Created October 5, 2012 14:36
A Backbone Model with constructor
//Create a Car Model
var Car = Backbone.Model.extend({
//Validate the Car Model
validate: function(attr) {
if( !(attr.brand && attr.model && attr.color) ) {
return "Error Occurred";
}
},
@sagar-ganatra
sagar-ganatra / localStorage.html
Created October 10, 2012 10:28
Local storage event listeners
<!DOCTYPE html>
<html>
<head>
<title>localStorage Test</title>
<script type="text/javascript" >
var count = 0;
var storageHandler = function () {
alert('storage event 1');
};
@sagar-ganatra
sagar-ganatra / collectionWithoutParse.js
Created October 12, 2012 07:02
Collection calling Fetch by passing Success and Error handlers
var CarCollection = Backbone.Collection.extend({
//Specify REST URL
url: 'http://localhost:8500/rest/Car/CarService',
initialize: function () {
this.bind("reset", function (model, options) {
console.log("Inside event");
console.log(model);