|
The main difference between ASP.NET Forms and MVC (except the strict separation of concerns), is where is your code-behind, if any...
The main concerns you have to look for:
1. Time - MVC is not RAD!!!
2. Separation. While in ASP.NET Forms you could bend the rules and mix layers MVC will break under same conditions, and for that the design/develop cycle must be more precise and time consuming...
3. Knowledge of client side technologies... MVC gives you grate control over the final output of rendering, but it can be a burden as you HAVE TO take care for almost every details for your own...
4. OO? Not really. MVC views can not inherit the same way web forms do, so all the idea of master pages and inheritance must be redesigned...
To make it clear - there is no actually anything will stop you from porting your application, but it will be a big challenge and you and your team will have to learn a lot of new things and ways of doing them...
On a personal note: We are in the middle of a similar process. We are merging an ASP.NET Forms and a Win Forms application into a new - modern web application. We are talking about thousands of pages in the final project...
Our final solution is to write our own framework, that enables developing the same way we used to do with Web Forms, but translates old style code to MVC like... So we actually mixing ASP.NET Forms and MVC in a way that still enables RAD development with full OO, but take advantages of the MVC (modern) based development...
Skipper: We'll fix it.
Alex: Fix it? How you gonna fix this?
Skipper: Grit, spit and a whole lotta duct tape.
|
|
|
|
|
I'm currently porting my web forms app to MVC at the moment. Started last Jan 20, 2016 and plan to deploy it next Mar 2017. My web app was written in VB, so I had to convert to c# as well.
Best call or decision I ever made. I can't wait to deploy the new app and run it. I thought about all the cool stuff I had already had ending up throwing in the trash and writing even better stuff to replace it.
So now I have the whole setup, EF6, automatic migrations, node.js, bower, gulp, bootstrap, fontawesome; with automatic css, js, image compression on every build, and package updates. I can validate a form off a model or just in JQuery. I save 3 hours now every time I publish a change.
It took me 6 months to really learn all of the above, but now I'm jamming fast creating very functional single page apps and so forth with very reusable code. Once you past the learn curve, your reusable code propels you forward at a very fast rate. I's say I'm 8X faster now than Web Forms.
Those complex headers your asking about, you can write an Attribute "OnActionExecuting" class, that will do your header work, and add the name to the top of the controller Action to run it every time that action is called. I have a bunch of these now, one I use for shopping and checkout for security and to replace the Identity module.
Ajax work is a breeze; for I have an Ajax controller that does nothing but ajax calls, returning a JsonResult; just pure json back.
I don't know about the gridview, but suppose you can write something from scratch, it's just HTML. But HTML5 and Bootstrap has stuff that can replace it.
IMO; wish I would of made the move years ago.
Go for it!
Globalism is Socialism on a planetary scale.
|
|
|
|
|
jkirkerx wrote: My web app was written in VB, so I had to convert to c# as well.
I'm not sure you had to convert it - it's possible to write MVC using VB.NET:
Getting Started with ASP.NET MVC 5 using Visual Basic[^]
But it was probably a good move anyway. Most of the samples you find tend to be in C#, and you'll have fewer people mocking your choice of language. 
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
More like translate it.
I'm no writing any more VB programs in the future.
much easier to write c# now and faster, less typing.
Thanks Richard!
Oh project is coming along sweet now. Been awhile since I asked for help with MVC, getting much better at it and the whole. Just love this stuff!
Globalism is Socialism on a planetary scale.
|
|
|
|
|
Thanks for everybody. After we viewed your replies. we are still evaluating
Hussain Mohammed Saleh Attiya
Sr. System Analyst
Gulf air - Bahrain
|
|
|
|
|
Hi,
I am part of a MVC Web application that contains a Web API. Unfortunately, as I am new to MVC, could the experts out there help me how to integrate the WebAPI into my MVC please?
Thanks
|
|
|
|
|
Check here if you want to call the API server-side (e.g. from within an MVC controller). If you want to consume it on the client side, you could use AJAX or similar with the API URL.
djj55: Nice but may have a permission problem
Pete O'Hanlon: He has my permission to run it.
|
|
|
|
|
sunsher wrote: help me how to integrate the WebAPI into my MVC please?
Do you want to access Web API or access it in MVC?
The latter is as simple as calling functions on your API object, former one requires a bit of setups, such as routing configurations etc. Be more specific so we may help you. 
The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~
|
|
|
|
|
Hello, I have a web page that is using similar code to a second page that works perfectly. Both pages have listviews. Immediately following the listviews I have datapagers.
Page 1 (the working page), has a listview, and a datapager. I have three fields for this datapager. To simplify things, the first field looks like:
<Fields>
<asp:NextPreviousPagerField ShowFirstPageButton="False" ShowNextPageButton="False" />
It works as expected.
Page 2 also has a listview. I have a datapager. If I leave out any fields for this datapager, the web page renders. (I just don't see any pagination control.)
Here is where I attempt to just add a single field to the datapager:
<Fields>
<asp:NextPreviousPagerField ShowFirstPageButton="False" ShowNextPageButton="False" />
Doing this generates what I consider to be a bizarre, crazy error:
<ERROR>
Control 'DataPager_ctl00_ctl00' of type 'LinkButton' must be placed inside a form tag with runat=server
Huh? Why would trying to add even one field to this datapager give me this error? The code for the listviews and datapagers for both web pages are nearly identical. Where both datapagers are defined I am using the runat="server" directive. The directive for the datapager that isn't working resembles this:
<asp:DataPager ID="DataPager" runat="server" PagedControlID="listview1" PageSize="1" OnPreRender="DataPager_PreRender">
I've got runat=server. If I take away the field (i.e., NextPreviousPagerField) in this datapager the web page renders. Add the field and I get what I consider to be a bizarre error.
Are there any ASP.NET DataPager gurus out there? Thanks.
-- modified 17-Nov-16 10:42am.
|
|
|
|
|
If you're not using a server form (<form runat="server">), then you need to set the DataPager's QueryStringField[^] property.
Without setting that property, it's trying to generate controls that cause a post-back, which requires the pager to be placed inside a <form runat="server"> tag.
When you set that property, it generates a series of HyperLink controls, which don't have to be inside a server form.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Thanks, Richard. I didn't know what was going on. Thanks to your help I do.
Have a nice day!
|
|
|
|
|
Hi All,
I have Date pickers that are used in date range list, I am using jQuery function to add those selected Data ranges to the list
, now, as user can select the new date range which falls under the same date range that is already selected.
So I want to limit the user from not able to select the date range which is already in the selected date range list. Here is the code I am using the to add the Date ranges to the list, any help
a code snippet, a link or even a suggestion helps me great.
var onStartDateSelect = function (dateText) {
$(this).trigger("input");
if (typeof me.values[daterangeindex] === 'undefined')
me.values[daterangeindex] = {};
fullDateString = $(this).val() + "," + $(this).next().val();
$(this).next().datepicker('option', 'minDate', new Date($(this).val()));
if (fullDateString.length == 21) {
me.values[daterangeindex] = ";" + fullDateString;
daterangeindex++;
var str = fullDateString.replace(/[_\W]+/g, "");
var $wrapper = $(this).parent().parent();
addNewDate($wrapper);
};
};
var onEndDateSelect = function (dateText) {
$(this).trigger("input");
if (typeof me.values[daterangeindex] === 'undefined')
me.values[daterangeindex] = {};
fullDateString = $(this).prev().val() + "," + $(this).val();
$(this).prev().datepicker('option', 'maxDate', new Date($(this).val()));
maxStartDate = $(this).val();
if (fullDateString.length == 21) {
me.values[daterangeindex] = fullDateString + ";";
daterangeindex++;
var $wrapper = $(this).parent().parent();
addNewDate($wrapper);
};
};
var onRemoveClick = function () {
if (lastDateRangeDivId != $(this).parent().attr('id')) {
$(this).parent().remove();
}
};
var addNewDate = function ($wrapper) {
count++;
var tmpHTML = '<div class="parameterFieldResize parameterField" style="width: 160;" id="' + paramName + '_1_Div' + count + '">' +
'<input class="parameterDateRangePicker clearable start" style="width:70px" placeholder="Start" type="text" name="' + paramName + '_1_StartDate' + count + '" id="' + paramName + '_1_Start' + count + '" />' +
'<input class="parameterDateRangePicker clearable end" style="width:70px" placeholder="End" type="text" name="' + paramName + '_1_EndDate' + count + '" id="' + paramName + '_1_End' + count + '" />' +
'<button type="button" style="height:3px; width:1px;text-align: center;vertical-align:middle;background: gray;" id="' + paramName + '_1_Remove' + count + '" class="remove-field"></button>' +
'</div>';
var $newField = $(tmpHTML).appendTo($wrapper);
lastDateRangeDivId = paramName + "_1_Div" + count;
$newField.find('.parameterDateRangePicker.clearable.start').datepicker({
changeMonth: true,
changeYear: true,<br />
onSelect: onStartDateSelect
});
$newField.find('.parameterDateRangePicker.clearable.end').datepicker({
changeMonth: true,
changeYear: true,<br />
onSelect: onEndDateSelect
});
$newField.find('.remove-field').on({
click: onRemoveClick
});
};
Thanks,
Abdul Aleem
"There is already enough hatred in the world lets spread love, compassion and affection."
modified 17-Nov-16 10:47am.
|
|
|
|
|
Hello experts,
I hope someone would be able to help me with this.
I have spent entire yesterday trying to figure this out but it still not working correctly.
When data is sent to PDF using stringbuilder and itextsharp, the results look like this:
http://www.wilogincometax.com/bad.png[^]
As you can see from the picture above, if either Employee Name or the value of Employee Name is longer than the other, the Employee ID and the value are mis-aligned.
I tried using fixed width so I can achieve results like below where both Employee Name and Employee ID are aligned correctly no matter the size of the length.
This is what we would like[^]
I am not having much luck with these two lines:
sb.AppendLine(String.Format("{0, -50}{1, -20}", "" & FullName & "", "" & user & "
"))
sb.AppendLine(String.Format("{0, -50}{1, -20}", "Employee Name", "Employee ID"))
entire code below:
Using sw As New StringWriter()
Using hw As New HtmlTextWriter(sw)
Dim FullName As String = txtFullName.Text
Dim user As String = txtUserName.Text
Dim signedName As String = txtSignature.Text
Dim lDate As String = txtDate.Text
Dim sb As New System.Text.StringBuilder
sb.Append("<table border = '0'>")
sb.Append("<tr>")
For Each column As DataColumn In dtb.Columns
sb.Append("<th style = 'background-color: #ffffff;color:#000000'>")
sb.Append(column.ColumnName)
sb.Append("</th>")
Next
sb.Append("</tr>")
For Each row As DataRow In dtb.Rows
sb.Append("<tr>")
For Each column As DataColumn In dtb.Columns
sb.Append("<td>")
sb.Append(row(column))
sb.Append("</td>")
Next
sb.Append("</tr>")
Next
sb.Append("</table><br>")
sb.Append("<br><br><br>")
sb.Append("<table width='100%' cellspacing='0' cellpadding='0'>")
sb.Append("<tr><td>")
sb.AppendLine(String.Format("{0, -50}{1, -20}", "" & FullName & "", "" & user & "<br>"))
sb.AppendLine(String.Format("{0, -50}{1, -20}", "Employee Name", "Employee ID"))
sb.Append("</td></tr>")
sb.Append("tr><td>")
sb.Append("" & signedName & " <br>Employee Signature")
sb.Append("</td></tr>")
sb.Append("<tr><td>" & lDate & " <br>Date</td></tr>")
sb.Append("</table>")
sb.Append("<br />")
I even tried using Module Extension that I googled up yesterday:
Module StringExtensions
<Extension()> _
Public Function AsFixedWidth(ByVal value As String, ByVal desiredLength As Integer) As String
Return value.PadRight(desiredLength).Substring(0, desiredLength)
End Function
End Module
According to the article, it is used with this
b.AppendFixed(s, 20) but I could not figure out how to fit this into my code.
Everything else works great except this.
Any help is greatly appreciated. Not your problem but this is going LIVE today.
|
|
|
|
|
Hi all,
We have a team that's developing an ASP.Net application, as we are new to ASP.Net MVC application, Changing the Web Configs became difficult while deploying as some times it is messing up for different environments. I want to have better approach for implementing this, I suggested for the Custom Config sections, but somebody from team suggested me that Microsoft in ASP.Net MVC automatically takes care of it by using debug and release config files, is it true. Or is there any better and automatic approach for implementing the publishing or deploying an ASP.Net MVC application without messing up with the Environment.
Please give me some advice, thanks in advance.
Thanks,
Abdul Aleem
"There is already enough hatred in the world lets spread love, compassion and affection."
|
|
|
|
|
Realistically, the web.config is the local administrator's responsibility, not the developers.
Yes, there are debug/release web.config options. In my experience, the debug should have your debug environment variables (manual settings for frequent-build projects == pointless) and sanitize debug data from the production version. Make sure the documents indicate the required fields in the web.config, and let the System Admin handle it, that's what they're there for.
"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli
|
|
|
|
|
How about I have Custom Configuration then at one place in the AppConfig I define the Environment
<add key="Environment" value="Dev" />
<configSections>
<pre>
<section name="Dev" type="System.Configuration.SingleTagSectionHandler" />
<section name="Prod" type="System.Configuration.SingleTagSectionHandler" />
, so that when I set this to Dev then it will load the Dev Config section and when we set the Environment to Prod then it will load the Prod Config Section settings. This is what I have suggested so that there is less chance of confusion means, unexpectedly data won't go from here to there and only in one place we need to change so it would become easy for the Developer only one problem is sometimes when Developer doesn't have to know the Prod Settings then it will be a Problem. But in most of the cases developers only give Config files to the admin people.
If there are any better suggestions I am really open and looking for those things to be implemented, but without using any third party tools or at least without paying for any license.
Thank you my friends.
Thanks,
Abdul Aleem
"There is already enough hatred in the world lets spread love, compassion and affection."
|
|
|
|
|
|
Two options are described here Working with multiple Web.Config files | Dean Hume[^]. Personally I would use the first option as it's far easier. It's also the same mechanism I use.
"There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies, and the other way is to make it so complicated that there are no obvious deficiencies. The first method is far more difficult." - C.A.R. Hoare
Home | LinkedIn | Google+ | Twitter
|
|
|
|
|
I have fields on a form that have required validation. I want to have that validation when clicking on one of the links in the image. How do I do that. Here is the code for the image.
asp:Image ID="Image1" runat="server" class="image-center" src="images/CustomerSelection.png" alt="" usemap="#Map" />
<map id="Map1" name='Map'>
<area shape='rect' coords='0,0,100,100' title='Customer Selection' href="CustomerInfo.aspx" alt="Customer Selection" />
<area shape='rect' coords='148,-2,248,98' title='Contract Information' href="ContractInfo.aspx" alt="Contract Information" />
<area shape='rect' coords='275,-4,375,96' title='Prime Contractor' href='PrimeContractorUserControl.aspx' alt="Prime Contractor" />
</map>
Here are the fields that are being validated on button click:
<div class="row" style="margin-left:250px; margin-right:250px;">
<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
<form method="POST" action="" class="form-horizontal" id="customer-form">
<div class="form-group">
<label for="exampleInputServiceAgency">Service/Agency:</label>
<asp:DropDownList ID="custsrccode" class="form-control" name="custsrccode" runat="server">
<asp:ListItem ></asp:ListItem>
<asp:ListItem >C812 - NASA</asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="fieldReqValidator1" ForeColor="Red" runat="server" ControlToValidate ="custsrccode" ErrorMessage="Please select a Service/Agency">
</asp:RequiredFieldValidator>
</div>
<div class="form-group">
<label for="exampleInputCustomerCode">Buying Activity Code:</label>
<asp:DropDownList ID="activitycode" class="form-control" name="activitycode"
runat="server" AutoPostBack="true" onselectedindexchanged="activitycode_SelectedIndexChanged">
<asp:ListItem Selected="True"></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="fieldReqValidator2" runat="server" ControlToValidate ="activitycode" ErrorMessage="Please select a Buying Activity Code">
</asp:RequiredFieldValidator>
</div>
<div class="form-group">
<label for="exampleInputName">Name:</label>
<asp:TextBox ID="custname" class="form-control" name="custname" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="fieldReqValidator3" ForeColor="Red" runat="server" ControlToValidate ="custname" ErrorMessage="Please enter a Name">
</asp:RequiredFieldValidator>
</div>
</form>
</div>
</div>
<div class="row button_margin">
<div class="col-md-1 col-sm-1 col-sm-offset-2"><button type="button" class="btn btn-primary" style="position:relative; left:130px; border-radius:2px; border:none; background-color:#003366; color:#f7f7f7">Exit</button></div>
<div class="col-md-1 col-md-offset-6 col-sm-1 col-sm-offset-6">
<asp:Label ID="Message"
runat="Server" />
<asp:Button ID="NextButton" Text="Next" type="button" class="btn btn-primary"
runat="server" style="position:relative; right:63px; border-radius:2px; border:none; background-color:#003366; color:#f7f7f7" onclick="NextButton_Click"/></div>
<input type="hidden" id="hidurl" runat="server" />
</div>
</div>
</div>
</form>
</body>
</html>
So when I click on Contract Information and the required fields on Customer Selection haven't been filled in it should give a validator message and currently it doesn't.
|
|
|
|
|
Hi All,
I have a following jQuery function, I want this function to be added to a button that is being added along with the Divs, one after the other. I have the Div adding function also, I want to assign "onRemoveClick" function to each input button that is added along with the Divs
var onRemoveClick=function () {
alert($(this).parent().attr('id'));
$(this).parent().remove();
};
Here is my Divs adding function:
var addNewDate = function ($wrapper) {
count++;
var tmpHTML = '<div class="parameterFieldResize parameterField" style="width: fit-content;" id="' + paramName + '_1_Div' + count + '">' +
'<input class="parameterDateRangePicker clearable start" style="width:70px" placeholder="Start" type="text" name="' + paramName + '_1_StartDate' + count + '" id="' + paramName + '_1_Start' + count + '" />' +
'<input class="parameterDateRangePicker clearable end" style="width:70px" placeholder="End" type="text" name="' + paramName + '_1_EndDate' + count + '" id="' + paramName + '_1_End' + count + '" />' +
'<button type="button" style="height:5px; width:5px" id="' + paramName + '_1_Remove' + count + '" class="remove-field">x</button>' +
'</div>';
var $newField = $(tmpHTML).appendTo($wrapper);
$newField.find('.parameterDateRangePicker.clearable.start').datepicker({
changeMonth: true,
changeYear: true,
onSelect: onStartDateSelect
});
$newField.find('.parameterDateRangePicker.clearable.end').datepicker({
changeMonth: true,
changeYear: true,
onSelect: onEndDateSelect
});
$newField.find('.remove-field').on({
onClick: onRemoveClick
});
};
I am trying as in the following way, but its not working, can you please suggest me something
$newField.find('.remove-field').on({
onClick: onRemoveClick
});
any sort of help a code snippet, a link or even suggestion would be very helpful, thanks in advance.
Thanks,
Abdul Aleem
"There is already enough hatred in the world lets spread love, compassion and affection."
|
|
|
|
|
Hi,
I am putting this here maybe somebody can use my code,
Here is how I resolved it:
$newField.find('.remove-field').on({
click: onRemoveClick
});
Happy coding guys
Thanks,
Abdul Aleem
"There is already enough hatred in the world lets spread love, compassion and affection."
|
|
|
|
|
I have two dropdownlists how to bind those from mysql using jquery,C#
|
|
|
|
|
|
Hi All,
I have .js file in which I am adding some new items to the page by using the jQuery code, the Logic is once the dates are selected then it adds up an another set of the Start and End Dates. When the first set of the Input elements are firing properly and opening the Date Picker calendar the remaining added elements that are added by jQuery code at runtime not adding the Date Picker input elements.
Please anybody help me in this regards. Here is my code.
First time added like here:
template =
'<div id="Param_' + Id + '">' +
'<div class="parameterHeader ui-widget-header ui-corner-top">' + paramDisplayName + '</div>' +
'<div class="parameterItem ui-widget-content ui-corner-bottom" >' +
'<div class="parameterFieldResize parameterField" id="' + paramName + '_1_Div' + count + '">' +
'<input class="parameterDateRangePicker clearable start" placeholder="Start" type="text" name="' + paramName + '_1_StartDate' + count + '" id="' + paramName + '_1_Start' + count + '" />' +
'<input class="parameterDateRangePicker clearable end" placeholder="End" type="text" name="' + paramName + '_1_EndDate' + count + '" id="' + paramName + '_1_End' + count + '" />' +
'<button type="button" id="' + paramName + '_1_Remove' +count + '" class="remove-field">X</button>' +
'</div>' +
'</div>' +<br />
'</div>';
this.JQElem = $(template);
initialParent.append(this.JQElem);
var fullDateString = '';
$('.parameterDateRangePicker.clearable.start').datepicker({
changeMonth: true,
changeYear: true,
onSelect: function (dateText) {
$(this).trigger("input");
if (typeof me.values[this.id.split('')[1]] === 'undefined')
me.values[this.id.split('')[1]] = {};
me.values[this.id.split('_')[1]]['Start'] = dateText;
fullDateString = $(this).val() + "-" + $(this).next().val
if (fullDateString.length == 21) {
var str = fullDateString.replace(/[_\W]+/g, "");
count++;
var $wrapper = $(this).parent().parent();
var tmpHTML = '<div class="parameterFieldResize parameterField" id="' + paramName + '_1_Div' + count + '">' +
'<input class="parameterDateRangePicker clearable start" placeholder="Start" type="text" name="' + paramName + '_1_StartDate' + count + '" id="' + paramName + '_1_Start' + count + '" />' +
'<input class="parameterDateRangePicker clearable end" placeholder="End" type="text" name="' + paramName + '_1_EndDate' + count + '" id="' + paramName + '_1_End' + count + '" />' +
'<button type="button" id="' + paramName + '_1_Remove' + count + '" class="remove-field">X</button>' +
'</div>';
$wrapper.append(tmpHTML);
};<br />
}
});
$('.parameterDateRangePicker.clearable.end').datepicker({
changeMonth: true,
changeYear: true,
onSelect: function (dateText) {<br />
$(this).trigger("input");
if (typeof me.values[this.id.split('')[1]] === 'undefined')
me.values[this.id.split('')[1]] = {};
me.values[this.id.split('_')[1]]['End'] = dateText;
fullDateString = $(this).prev().val() + "-" + $(this).val();
if (fullDateString.length == 21) {
var $wrapper = $(this).parent().parent();
count++;
var tmpHTML = '<div class="parameterFieldResize parameterField" id="' + paramName + '_1_Div' + count + '">' +
'<input class="parameterDateRangePicker clearable start" placeholder="Start" type="text" name="' + paramName + '_1_StartDate' + count + '" id="' + paramName + '_1_Start' + count + '" />' +
'<input class="parameterDateRangePicker clearable end" placeholder="End" type="text" name="' + paramName + '_1_EndDate' + count + '" id="' + paramName + '_1_End' + count + '" />' +
'<button type="button" id="' + paramName + '_1_Remove' +count + '" class="remove-field">X</button>' +
'</div>';
$wrapper.append(tmpHTML);
};
}
});
Thanks,
Abdul Aleem
"There is already enough hatred in the world lets spread love, compassion and affection."
|
|
|
|
|
When you call $('.parameterDateRangePicker.clearable.start').datepicker({..., that sets up the date picker for any matching elements which are already on the page.
It doesn't magically apply to elements that you add to the page at some later point. For that, you will need to call the datepicker function manually after you've added the new element.
this.JQElem = $(template).appendTo(initialParent);
this.JQElem.find('.parameterDateRangePicker.clearable.start').datepicker({...});
this.JQElem.find('.parameterDateRangePicker.clearable.end').datepicker({...});
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
