Auto resizable Textarea in Framwork 7 on typing and loading.

Resize textarea when user start¬†entering data (Typing), use class=”resizable”.

¬†‘<textarea id=”txtLabel” class=”resizable”></textarea>’
On load trigger change event after adding value.

 

var strDescription = “Any Description”;

$$(“#txtLabel”).html(strDescription).trigger(‘change’);

Advertisements

Ajax (Asynchronous) call to Controller in MVC 5 (Razor view) with Jquery

View (Razor)

<fieldset>
<legend>Add Comment</legend>

@Html.Hidden(“hdnHidden”)
@Html.Label(“txtComment”)
@Html.TextArea(“txtComment”, new { rows = 10, columns = 40 })

<p>
<input type=”button” onclick=”SaveComment()” value=”Save” />
</p>
</fieldset>

Javascript (Jquery Ajax Call)

function SaveComment() {
var objData = new Object();
objData.HKID = $(“#hdnHidden”).val();
objData.Comment = $(“#txtComment”).html();
$.ajax({
cache: false,
type: “POST”,
url: “/hisab/UpdateComment/”,
data: objData
}).done(function (data) {
alert(data);
}).error(function (err) {
alert(“err”);
});
}

C# Model

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace HisabKitab.Models
{
public class DailyHisab
{
public int HKID { get; set; }
public string Comment { get; set; }
public bool Status { get; set; }
}
}

C# Controller

[HttpPost]
public void UpdateComment(DailyHisab DH)
{
Response.Write(“Update Succesfully”);
}