@{
Layout = null;
}
<html>
<head>
<title>Index</title>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="../../Scripts/jquery-1.4.4.js"></script>
<script type="text/javascript" src="../../Scripts/jquery-ui.js"></script>
<script type="text/javascript">
google.load("elements", "1", { packages: "transliteration" });
</script>
<script>
function OnLoad() {
var currValue = document.getElementById("text1");
var options = {
sourceLanguage:
google.elements.transliteration.LanguageCode.ENGLISH,
destinationLanguage:
[google.elements.transliteration.LanguageCode.HINDI],
shortcutKey: 'ctrl+g',
transliterationEnabled: true
};
var control = new
google.elements.transliteration.TransliterationControl(options);
control.makeTransliteratable(["text1"]);
var postValue = document.getElementById("text1");
}
google.setOnLoadCallback(OnLoad);
</script>
<script type="text/javascript">
function Execute(urlString, userData) {
var result;
$.ajax({
cache: false,
type: "POST", //imp
async: false,
url: urlString,
contentType: 'application/json; charset=utf-8',
dataType: "json",
data: userData,
success: function (data) {
result = data;
return result;
},
error: function (req, status, error) {
document.write(req.responseText);
}
});
return result;
}
$(document).ready(function () {
initialize();
moveToNewYork();
$("#EmpName").datepicker();
$("#Country").change(function () {
var data = JSON.stringify({ 'countryID': $(this).val() });
var result = Execute('Employee/GetState', data);
if (result != null) {
$("#State").children().remove();
$("#State").append("<option value=''>--SELECT--</option>")
for (i = 0; i < result.length; i++) {
$("#State").append("<option value='" + result[i].ID + "'>" + result[i].StateName + "</option>");
}
}
else {
$("#State").children().remove();
$("#State").append("<option value=''>--SELECT--</option>")
}
});
$("#Insert").click(function () {
var data = JSON.stringify({ 'objEmployee': { 'EmpName': $("#EmpName").val(), 'EmpAddress': $("#EmpAddress").val(), 'CountryID': $("#Country").val(), 'StateID': $("#State").val()} });
var result = Execute('Employee/Insert', data);
if (result != null) {
var row = $("
" + $("#EmpName").val() + " | " + $("#EmpAddress").val() + " | " + $("#State option:selected").text() + " | <input class='Delete' value='Delete' type='button' EmpID='" + result + "' /> |
");
$("#EmployeeData").append(row);
row.css('background-color', 'green');
row.hide();
row.fadeIn(3000);
// $("#EmployeeData").dialog();
// $("#EmployeeData").effect('Bounce', {}, 5000, null);
}
else {
alert('failure');
}
});
$(".Delete").live('click', function () {
var control = $(this);
var data = JSON.stringify({ 'employeeID': $(this).attr('empID') });
var result = Execute('Employee/Delete', data);
if (result != null) {
control.parents('tr').css('background-color', 'red');
control.parents('tr').fadeOut(3000);
}
else {
alert('failure');
}
});
$("#type_select").button();
});
function LoadEmployeeData() {
var result = Execute('Employee/LoadEmployee', null);
if (result != null) {
$("#EmployeeData tr[type='row']").remove();
for (i = 0; i < result.length; i++) {
$("#EmployeeData").append("
" + result[i].EmpName + " | " + result[i].EmpAddress + " | " + result[i].StateName + " | <input class='Delete' value='Delete' type='button' EmpID='" + result[i].EmpID + "' /> |
");
}
}
}
</script>
td
{
border: 1px solid black;
}
</head>
<body>
<input type="text" id="text1" name="text1" />
@using (Html.BeginForm("Insert", "Employee", FormMethod.Post, new { id = "myForm" }))
{
EmpName : @Html.TextBox("EmpName",null, new {autocomplete="off" })
EmpAddress : @Html.TextBox("EmpAddress")
Country : @Html.DropDownList("Country", new SelectList(ViewBag.Country, "ID", "Name", "-1"), "--SELECT--")
State : @Html.DropDownList("State", new SelectList(new List<SelectListItem>() { new SelectListItem() { Text = "--SELECT--" } }, "Value", "Text"))
<input type="button" value="Submit" id="Insert" />
@foreach (var employee in ViewBag.Employee)
{
}
EmployeeName
| EmployeeAddress
| EmployeeStateName
| Delete
|
@employee.EmpName
| @employee.EmpAddress
| @(employee.StateMaster != null ? employee.StateMaster.StateName : "N/A")
| <input class="Delete" value="Delete" type="button" empID='@employee.ID' />
|
}
</body>
</html>