I am using visual studio 2012, and ext.net MVC 4
My View
@model IEnumerable<Skymech.Models.Sales>
@using MvcGlobalisationSupport;
@using Global.Resources;
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
var X = Html.X();
}
<!DOCTYPE html />
<html>
<head>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" width="98%">
<tr>
<td style="padding-top: 15px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="height: 30%; padding-left: 3%; width: 11%;"></td>
<td style="height: 30%; width: 22%; padding-left: 3%;">
@(X.TextField().ID("txtEnquiryRef").FieldLabel(Global.Enquiry))
</td>
<td style="height: 30%; padding-left: 3%; width: 11%;">Customer :</td>
<td style="height: 30%; padding-left: 3%; width: 15%;">
@(X.TextField())
</td>
<td style="height: 30%; padding-left: 3%; width: 31%;">
@(X.Label())
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
@(X.Panel()
.ID("Panel2")
.Width(750)
.Layout(LayoutType.Absolute)
.ActiveIndex(0)
.AutoScroll(true)
.Border(false)
.Padding(5)
.Items(
X.Panel()
.Layout(LayoutType.Fit)
.TopBar(
X.Toolbar()
.Border(false)
.StyleSpec("padding-bottom:0px;")
.Items(
X.TabStrip()
.Items(t =>
{
t.Add(X.Tab().Text("SalesEnquiry").ActionItemID("elm1"));
t.Add(X.Tab().Text("Customer PO").ActionItemID("elm2"));
t.Add(X.Tab().Text("Customer Details").ActionItemID("elm3"));
})
)
)
)
)
<div id="elm1" style="padding: 5px; border: 1px solid gray;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="vertical-align: top;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width: 15%; height: 30%; color: #CC3300;"><span class="content" style="padding-left: 3%;">Enquiry Date :</span></td>
<td>
@(X.DateField())
</td>
<td style="width: 15%; height: 30%; padding-left: 3%;"></td>
<td></td>
<td style="width: 15%; height: 30%; padding-left: 3%;"><span class="content" style="padding-left: 3%;">Status :</span></td>
<td>
@(X.TextField())
</td>
</tr>
<tr>
<td colspan="6"> </td>
</tr>
<tr>
<td style="width: 15%; height: 30%;"><span class="content" style="padding-left: 3%;">Contact Person :</span></td>
<td>
@(X.TextField())
</td>
<td style="width: 15%; height: 30%; padding-left: 3%;"><span class="content" style="padding-left: 3%;">Tel :</span></td>
<td>
@(X.TextField())
</td>
<td style="width: 15%; height: 30%; padding-left: 3%;"><span class="content" style="padding-left: 3%;">Mobile :</span></td>
<td>
@(X.TextField())
</td>
</tr>
<tr>
<td colspan="6"> </td>
</tr>
<tr>
<td style="width: 15%; height: 30%;"><span class="content" style="padding-left: 3%;">Email :</span></td>
<td>
@(X.TextField())
</td>
<td style="width: 15%; height: 30%; padding-left: 3%;"><span class="content" style="padding-left: 3%;">Fax :</span></td>
<td>
@(X.TextField())
</td>
<td style="width: 15%; height: 30%; padding-left: 3%;"><span class="content" style="padding-left: 3%;">Parent Enq Ref :</span></td>
<td>
@(X.TextField())
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding-top: 20px; padding-top: 10px; padding-bottom: 15px; border-bottom: 2px dotted gray;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width: 14%; height: 30%;"><span class="content" style="padding-left: 3%;">Description :</span></td>
<td>
@(X.TextArea().Width(500).Height(80))
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="vertical-align: top; padding-bottom: 15px; border-bottom: 2px dotted gray;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width: 15%; height: 30%;"><span class="content" style="padding-left: 3%;">Project Ref :</span></td>
<td>
@(X.TextField())
</td>
<td style="width: 15%; height: 30%; padding-left: 3%;"><span class="content" style="padding-left: 3%;">Cust PO Ref :</span>
</td>
<td>
@(X.TextField())
</td>
<td style="width: 15%; height: 30%; padding-left: 3%;"><span class="content" style="padding-left: 3%;">Quotation Ref :</span></td>
<td>
@(X.TextField())
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width: 14.2%; height: 30%;"><span class="content" style="padding-left: 3%;">Sales Owner :</span></td>
<td>
@(Html.X().ComboBox())
</td>
<td style="height: 30%; padding-left: 3%; width: 33.3%;"></td>
<td></td>
<td style="height: 30%; width: 15%; padding-left: 3%;"><span class="content" style="padding-left: 3%;">Est Value SGD :</span></td>
<td>
@(X.TextField())
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding-top: 20px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width: 14%; height: 30%;"><span class="content" style="padding-left: 3%;">Comments :</span></td>
<td>
@(X.TextArea())
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="padding-top: 20px; float: right;">
@(X.Button())
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="elm2" style="padding: 5px; border: 1px solid gray;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="vertical-align: top;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width: 15%; height: 30%; color: #CC3300;"><span class="content" style="padding-left: 3%;">Date :</span>*</td>
<td>
@(X.DateField().ID("txtDate").Format("dd/MM/yyyy"))
</td>
<td style="width: 15%; height: 30%; color: #CC3300;"><span class="content" style="padding-left: 3%;">PO Ref :</span>*</td>
<td>
@(X.TextField().ID("txtPOREF"))
</td>
<td style="width: 15%; height: 30%; color: #CC3300;"><span class="content" style="padding-left: 3%;">Amount SGD :</span>*</td>
<td>
@(X.TextField().ID("txtAmount"))
</td>
</tr>
<tr>
<td colspan="6"> </td>
</tr>
<tr>
<td colspan="6" style="text-align: right;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
@( Html.X().Button()
.Text("ADD")
.DirectEvents(de =>
{
de.Click.Url = Url.Action("Button_Click");
de.Click.EventMask.ShowMask = true;
de.Click.ExtraParams.Add(new Parameter("PODATE", "#{txtDate}.getValue()", ParameterMode.Raw));
de.Click.ExtraParams.Add(new Parameter("POREF", "#{txtPOREF}.getValue()", ParameterMode.Raw));
de.Click.ExtraParams.Add(new Parameter("POAMOUNT", "#{txtAmount}.getValue()", ParameterMode.Raw));
//de.Click.ExtraParams.Add(new Parameter("Country", "#{txtCountry}.getValue()", ParameterMode.Raw));
//de.Click.ExtraParams.Add(new Parameter("Amount", "#{txtAmount}.getValue()", ParameterMode.Raw));
}))
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="6"> </td>
</tr>
<tr>
<td colspan="6" style="padding-left: 40px">
<table id="tblDummy" runat="server" cellpadding="0" cellspacing="0" width="100%" border="0" style="border: 1px solid #000000; display: none;">
<tr>
<td style="width: 5%; text-align: center; height: 30px; color: #000000; font-weight: bold; background-color: #E3E3E3; border-right: 1px solid #000000;"></td>
<td style="width: 30%; text-align: center; color: #000000; font-weight: bold; background-color: #E3E3E3; border-right: 1px solid #000000;">PO</td>
<td style="width: 30%; text-align: center; color: #000000; font-weight: bold; background-color: #E3E3E3; border-right: 1px solid #000000;">PO Date</td>
<td style="width: 25%; text-align: center; color: #000000; font-weight: bold; background-color: #E3E3E3;">Amount SGD</td>
</tr>
<tr>
<td colspan="5" style="text-align: center; height: 30px; color: red;">No records found. </td>
</tr>
</table>
@*@(Html.X().GridPanel()
.Title("Array Grid")
.Width(600)
.Height(350)
.Store(Html.X().Store()
.ID("Store2")
.Model(Html.X().Model()
.Fields(
new ModelField("PO", ModelFieldType.String),
new ModelField("PODATE", ModelFieldType.Date, "M/d hh:mmtt"),
new ModelField("AmountSGD", ModelFieldType.Float),
new ModelField("POID", ModelFieldType.String)
)
)
)
.ColumnModel(
Html.X().Column().Text("PO").DataIndex("PO").Flex(1),
Html.X().Column().Text("PO DATE").DataIndex("PODATE"),
Html.X().Column().Text("Amount SGD").DataIndex("AmountSGD")
)
)*@
</td>
</tr>
<tr>
<td colspan="6" style="padding-left: 40px">
<table id="tblDummy" runat="server" cellpadding="0" cellspacing="0" width="100%" border="0" style="border: 1px solid #000000; display: none;">
<tr>
<td style="width: 5%; text-align: center; height: 30px; color: #000000; font-weight: bold; background-color: #E3E3E3; border-right: 1px solid #000000;"></td>
<td style="width: 30%; text-align: center; color: #000000; font-weight: bold; background-color: #E3E3E3; border-right: 1px solid #000000;">PO</td>
<td style="width: 30%; text-align: center; color: #000000; font-weight: bold; background-color: #E3E3E3; border-right: 1px solid #000000;">PO Date</td>
<td style="width: 25%; text-align: center; color: #000000; font-weight: bold; background-color: #E3E3E3;">Amount SGD</td>
</tr>
<tr>
<td colspan="5" style="text-align: center; height: 30px; color: red;">No records found. </td>
</tr>
</table>
@(Html.X().GridPanel()
.Title("Editable GridPanel")
.Width(600)
.Height(350)
.Header(true)
.ID("editgrid")
.Store(Html.X().Store()
.ID("Store1")
.Model(Html.X().Model()
.IDProperty("ID")
.Fields(
//new ModelField("ID", ModelFieldType.String),
new ModelField("PO", ModelFieldType.String),
new ModelField("PODATE", ModelFieldType.Date),
new ModelField("AmountSGD", ModelFieldType.Float),
new ModelField("POID", ModelFieldType.Int)
)
)
.DataSource(Model)
)
.ColumnModel(
//Html.X().Column().Text("ID").DataIndex("ID").Width(35).Editor(Html.X().TextField()),
Html.X().Column().Text("POID").DataIndex("POID").Width(35),
Html.X().Column()
.Text("PO")
.DataIndex("PO")
.Flex(1)
.Editor(Html.X().TextField()),
Html.X().Column()
.Text("AmountSGD")
.DataIndex("AmountSGD")
.Editor(Html.X().TextField()),
Html.X().DateColumn()
.Text("PODATE")
.DataIndex("PODATE")
.Format("yyyy-MM-dd")
.Editor(Html.X().DateField().Format("yyyy-MM-dd"))
)
.SelectionModel(Html.X().CellSelectionModel())
.Plugins(
Html.X().CellEditing().Listeners(ls => ls.Edit.Fn = "edit")
)
)
</td>
</tr>
<tr>
<td colspan="6"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="padding-top: 20px; float: right;">
@(X.Button())
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="elm3" style="padding: 5px; border: 1px solid gray;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="vertical-align: top; padding-left: 120px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width: 21%"><span class="content" style="padding-left: 3%;">Address :</span></td>
<td>
@(X.TextArea())
</td>
</tr>
<tr>
<td colspan="2" style="padding-top: 10px;"></td>
</tr>
<tr>
<td><span class="content" style="padding-left: 3%;">City :</span></td>
<td>
@(X.TextField())
</td>
</tr>
<tr>
<td colspan="2" style="padding-top: 10px;"></td>
</tr>
<tr>
<td><span class="content" style="padding-left: 3%;">Country :</span></td>
<td>
@(X.TextField())
</td>
</tr>
<tr>
<td colspan="2" style="padding-top: 10px;"></td>
</tr>
<tr>
<td><span class="content" style="padding-left: 3%;">Postal Code :</span></td>
<td>
@(X.TextField())
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="vertical-align: top; padding-bottom: 15px; border-bottom: 2px dotted gray;"></td>
</tr>
<tr>
<td style="vertical-align: top; padding-left: 120px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td colspan="2" style="padding-top: 10px;"></td>
</tr>
<tr>
<td style="width: 21%"><span class="content" style="padding-left: 3%;">Primary Contact :</span></td>
<td>
@(X.TextField())
</td>
</tr>
<tr>
<td colspan="2" style="padding-top: 10px;"></td>
</tr>
<tr>
<td><span class="content" style="padding-left: 3%;">Business Tel :</span></td>
<td>
@(X.TextField())
</td>
</tr>
<tr>
<td colspan="2" style="padding-top: 10px;"></td>
</tr>
<tr>
<td><span class="content" style="padding-left: 3%;">Mobile :</span></td>
<td>
@(X.TextField())
</td>
</tr>
<tr>
<td colspan="2" style="padding-top: 10px;"></td>
</tr>
<tr>
<td><span class="content" style="padding-left: 3%;">Fax :</span></td>
<td>
@(X.TextField())
</td>
</tr>
<tr>
<td colspan="2" style="padding-top: 10px;"></td>
</tr>
<tr>
<td><span class="content" style="padding-left: 3%;">Dept :</span></td>
<td>
@(X.TextField())
</td>
</tr>
<tr>
<td colspan="2" style="padding-top: 10px;"></td>
</tr>
<tr>
<td><span class="content" style="padding-left: 3%;">Email :</span></td>
<td>
@(X.TextField())
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding-top: 20px; text-align: center;">
@(X.Button())
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td style="float: right">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
@(X.Button())
</td>
<td> </td>
<td>
@(X.Button())
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>
Controller
public ActionResult Index()
{
return View();
}
Webconfig
<?xml version="1.0" encoding="utf-8"?>
<!--
For more information on how to configure your ASP.NET application, please visit
http://go.microsoft.com/fwlink/?LinkId=169433
-->
<configuration>
<configSections>
<!-- For more information on Entity Framework configuration, visit http://go.microsoft.com/fwlink/?LinkID=237468 -->
<section name="entityFramework" type="System.Data.Entity.Internal.ConfigFile.EntityFrameworkSection, EntityFramework, Version=5.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" requirePermission="false" />
<section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false" /></configSections>
<connectionStrings>
<add name="DefaultConnection" connectionString="Data Source=(LocalDb)\v11.0;Initial Catalog=aspnet-Skymech-20140708185848;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\aspnet-Skymech-20140708185848.mdf" providerName="System.Data.SqlClient" />
<add name="SkymechConnection" connectionString="User ID=sa; password=Sun@345; Initial Catalog=SKYMECH;Data Source=SUNSHINE-PC-02;" providerName="System.Data.SqlClient" />
</connectionStrings>
<appSettings>
<add key="webpages:Version" value="2.0.0.0" />
<add key="webpages:Enabled" value="false" />
<add key="PreserveLoginUrl" value="true" />
<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>
<system.web>
<compilation debug="true" targetFramework="4.5" />
<httpRuntime targetFramework="4.5" />
<authentication mode="Forms">
<forms loginUrl="~/Account/Login" timeout="2880" />
</authentication>
<pages>
<namespaces>
<add namespace="System.Web.Helpers" />
<add namespace="System.Web.Mvc" />
<add namespace="System.Web.Mvc.Ajax" />
<add namespace="System.Web.Mvc.Html" />
<add namespace="System.Web.Optimization" />
<add namespace="System.Web.Routing" />
<add namespace="System.Web.WebPages" />
<add namespace="Ext.Net" /><add namespace="Ext.Net.MVC" /></namespaces>
<controls>
<add assembly="Ext.Net" namespace="Ext.Net" tagPrefix="ext" />
</controls></pages>
<httpHandlers>
<add path="*/ext.axd" verb="*" type="Ext.Net.ResourceHandler" validate="false" />
</httpHandlers><httpModules>
<add name="DirectRequestModule" type="Ext.Net.DirectRequestModule, Ext.Net" />
</httpModules></system.web>
<system.webServer>
<validation validateIntegratedModeConfiguration="false" />
<handlers>
<remove name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" />
<remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" />
<remove name="ExtensionlessUrlHandler-Integrated-4.0" />
<add name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness32" responseBufferLimit="0" />
<add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness64" responseBufferLimit="0" />
<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
<add name="DirectRequestHandler" verb="*" path="*/ext.axd" preCondition="integratedMode" type="Ext.Net.ResourceHandler" /></handlers><modules>
<add name="DirectRequestModule" preCondition="managedHandler" type="Ext.Net.DirectRequestModule, Ext.Net" />
</modules></system.webServer>
<runtime>
<assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
<dependentAssembly>
<assemblyIdentity name="DotNetOpenAuth.Core" publicKeyToken="2780ccd10d57b246" />
<bindingRedirect oldVersion="1.0.0.0-4.0.0.0" newVersion="4.1.0.0" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="DotNetOpenAuth.AspNet" publicKeyToken="2780ccd10d57b246" />
<bindingRedirect oldVersion="1.0.0.0-4.0.0.0" newVersion="4.1.0.0" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="System.Web.Helpers" publicKeyToken="31bf3856ad364e35" />
<bindingRedirect oldVersion="1.0.0.0-2.0.0.0" newVersion="2.0.0.0" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="System.Web.Mvc" publicKeyToken="31bf3856ad364e35" />
<bindingRedirect oldVersion="1.0.0.0-4.0.0.0" newVersion="4.0.0.0" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="System.Web.WebPages" publicKeyToken="31bf3856ad364e35" />
<bindingRedirect oldVersion="1.0.0.0-2.0.0.0" newVersion="2.0.0.0" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="WebGrease" publicKeyToken="31bf3856ad364e35" />
<bindingRedirect oldVersion="1.0.0.0-1.3.0.0" newVersion="1.3.0.0" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="Newtonsoft.Json" publicKeyToken="30ad4fe6b2a6aeed" culture="neutral" />
<bindingRedirect oldVersion="0.0.0.0-6.0.0.0" newVersion="6.0.0.0" />
</dependentAssembly>
</assemblyBinding>
</runtime>
<entityFramework>
<defaultConnectionFactory type="System.Data.Entity.Infrastructure.LocalDbConnectionFactory, EntityFramework">
<parameters>
<parameter value="v11.0" />
</parameters>
</defaultConnectionFactory>
</entityFramework>
<extnet theme="Gray" licenseKey="** Ext.NET LICENSE KEY HERE **" /></configuration>
my previous view is also attached