Mavengers

Sunday, December 6, 2015

Hogan.js example 1

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>hogan.js example</title>
</head>
<body>

<div id="employeeInfo"></div>
<div id="employeeInfodetails"></div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/hogan.js/2.0.0/hogan.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
var data=[];
$(document).ready(function() {

var templateemployeeInfo = Hogan.compile(
'Name - <input type="text" id="txtname" />' +
'<br/><br/>' +
'Mobile - <input type="text" id="txtmobile" />' +
'<br/><br/>' +
'Email - <input type="text" id="txtemail" />' +
'<br/><br/>' +
'<input type="button" id="btnsubmit" value="Submit"/>'+
'<input type="button" id="btnedit" value="Edit"/>'
);
var employeeInfo = templateemployeeInfo.render(data);
document.getElementById('employeeInfo').innerHTML = employeeInfo;

$('#btnsubmit').click(function(){

var txtname = $('#txtname').val();
var txtmobile = $('#txtmobile').val();
var txtemail = $('#txtemail').val();

data.push({
name : txtname,
mobile : txtmobile,
email : txtemail
});

});

$('#btnedit').click(function(){

var templateemployeeInfodetails = Hogan.compile(
'Name - <input type="text" id="txtname" value={{name}}></input>' +
'<br/><br/>' +
'Mobile - <input type="text" id="txtmobile" />' +
'<br/><br/>' +
'Email - <input type="text" id="txtemail" />' +
'<br/><br/>' +
'<input type="button" id="btnsubmit" value="Submit"/>'+
'<input type="button" id="btnedit" value="Edit"/>'
);
var employeeInfodetails = templateemployeeInfodetails.render(data[0]);
document.getElementById('employeeInfodetails').innerHTML = employeeInfodetails;

});

});

</script>
</body>
</html>

Wednesday, November 25, 2015

Handling Larger JSON String Values in .NET and Avoiding Exceptions

http://rion.io/2013/04/28/handling-larger-json-string-values-in-net-and-avoiding-exceptions/

Tuesday, November 17, 2015

jquery nested json example

shareNoteDocumentJson.push({
userId: '1',
notes: [
{ noteId: 'n1', note: 'note1' },
{ noteId: 'n2', note: 'note2' },
{ noteId: 'n3', note: 'note3' },
],
documents: [
{ documentId: 'd1', document: 'document1' },
{ documentId: 'd1', document: 'document2' },
{ documentId: 'd1', document: 'document3' },
]
});

jquery check if radiobutton is checked

 if($('#radio_button').is(':checked')) { alert("it's checked"); }

Monday, November 16, 2015

jquery radio button checked event by name

$('input:radio[name="share"]').change(function () {
alert(this);
});

Thursday, November 12, 2015

asp.net If statement in aspx page

<% if(somecondition) { %>
   some html
<% } %>

Wednesday, November 11, 2015

Angularjs and asp.net MVC

http://www.asp.net/web-api/overview/getting-started-with-aspnet-web-api/build-a-single-page-application-(spa)-with-aspnet-web-api-and-angularjs

http://www.wintellect.com/devcenter/dbaskin/cookbook-for-asp-net-mvc-and-angular-js-web-apps

https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=6&sqi=2&ved=0CDwQFjAF&url=http%3A%2F%2Fwww.dotnetcurry.com%2Fshowarticle.aspx%3FID%3D1049&ei=Meo1VbAgg-nyBYPXgYAP&usg=AFQjCNEoh930PqlLn1tE1oFUiIyzd_FC9Q&sig2=MQbUjNDCbgB1E1uOyh_CZA&bvm=bv.91071109,d.dGc&cad=rja

http://www.dotnetcurry.com/showarticle.aspx?ID=1049