#javascript #asp.net
#javascript #asp.net
Вопрос:
Каковы ограничения при использовании такой конструкции в JavaScript. В моем codeBehind у меня есть свойство, и при получении оно имеет довольно сложную логику. Он вызывает другие методы и так далее, И я получаю в результате пустую строку, несмотря на то, что во время отладки показано, что она возвращает хорошее значение. Интересно, что я могу сделать, когда этот тип кода запускается в методе render.
Ответ №1:
Нет никаких ограничений в использовании этого подхода для рендеринга JavaScript. Вам просто нужно убедиться, что ваше свойство будет доступно в различных сценариях, таких как стандартный HTTP get, обратная передача и т.д. Конечно, вам пришлось бы убедиться, что свойство было правильно экранировано / JavaScript закодировано по мере необходимости, т. Е. если бы это было строковое значение, содержащее кавычки и т.д.
Комментарии:
1. 1. Одна вещь, которая всегда выводит меня из себя при выполнении этого — забывание заключить мои блоки <%= %> в кавычки, когда значение является строкой. Кажется, я делаю это по крайней мере один раз, когда делаю это.
Ответ №2:
Я использую это постоянно…
Я также рекомендую выполнить следующее:
this.txtProjectName = $('#<%=this.txtProjectName.ClientID %>');
…таким образом txtProjectName с самого начала создается объект jQuery.
Вот обширный пример:
Пожалуйста, обратите внимание, что некоторые вызовы в приведенном ниже классе относятся к объектам, не показанным здесь.
<script type="text/javascript">
var projectDialog = (function($) {
var publicInstances = {};
// ***********************
// form
publicInstances.form = form;
function form(controller) {
/// <summary></summary>
var self = this;
/// <summary></summary>
this.controller = controller;
/// <summary></summary>
this.validationController = null;
this.hidAsOf = $('#<%=this.hidAsOf.ClientID %>');
this.hidProjectKey = $('#<%=this.hidProjectKey.ClientID %>');
this.hidMode = $('#<%=this.hidMode.ClientID %>');
this.ddlClients = $('#<%=this.ddlClients.ClientID %>');
this.txtProjectName = $('#<%=this.txtProjectName.ClientID %>');
this.txtProjectNumber = $('#<%=this.txtProjectNumber.ClientID %>');
this.txtProjectManager = $('#<%=this.txtProjectManager.ClientID %>');
this.txtProjectDescription = $('#<%=this.txtProjectDescription.ClientID %>');
this.ddlEMREProductivityCurve = $('#<%=this.ddlEMREProductivityCurve.ClientID %>');
this.txtStartDate = $('#<%=this.txtStartDate.ClientID %>');
this.txtEndDate = $('#<%=this.txtEndDate.ClientID %>');
this.txtEngineeringHours = $('#<%=this.txtEngineeringHours.ClientID %>');
this.txtDirectHours = $('#<%=this.txtDirectHours.ClientID %>');
this.txtIndirectHours = $('#<%=this.txtIndirectHours.ClientID %>');
this.txtOtherHours = $('#<%=this.txtOtherHours.ClientID %>');
this.txtARRThreshold = $('#<%=this.txtARRThreshold.ClientID %>');
this.txtAppropriationHours = $('#<%=this.txtAppropriationHours.ClientID %>');
this.txtAppropriationDollars = $('#<%=this.txtAppropriationDollars.ClientID %>');
this.ibtnSaveProject = $('#<%=this.ibtnSaveProject.ClientID %>');
this.imgClose = $('#<%=imgClose.ClientID %>');
this.imgStartDate = $('#<%=imgStartDate.ClientID %>');
this.imgEndDate = $('#<%=imgEndDate.ClientID %>');
this.disabledCssClass = "textbox-locked";
/// <summary></summary>
this.initialize = function() {
var context = $(self.controller.container);
var contentArea = $(self.controller.contentArea, context);
self.validationController = new validation.controller(contentArea);
if(self.controller.readOnly == true)
self.disableForm();
/// <summary>Set defaults.</summary>
self.ddlClients.attr('disabled', 'disabled');
/// <summary>Register click events.</summary>
self.ibtnSaveProject.click(function() { self.controller.save(); });
self.imgClose.click(function() { self.close(); });
/// <summary>Register rounders.</summary>
$('input.rounder-decimal', context).numericRounder();
/// <summary>Register keypress events.</summary>
$('input.rounder-decimal', context).keypress(function(e) {
return enforceValueAsDollar(e, this.val);
});
/// <summary>Register change events.</summary>
$('input.rounder-decimal', context).change(function() {
var element = $(this);
var value = element.extractValue();
var formatted = $.formatNumber(value.toString(), { format: "#,###.00", locale: "us" });
if (isNaN(value))
formatted = 0;
element.val(formatted);
if (!element.is('.textbox-total'))
self.calculateAppropriationHours();
});
};
/// <summary></summary>
this.disableStartDate = function(){
self.imgStartDate.remove();
self.txtStartDate.removeClass(self.disabledCssClass);
self.txtStartDate.addClass('TextBoxLocked');
};
/// <summary></summary>
this.disableForm = function() {
self.disableStartDate();
self.ddlEMREProductivityCurve.attr('disabled', true);
self.txtProjectName.attr('disabled', true);
self.txtProjectNumber.attr('disabled', true);
self.txtProjectManager.attr('disabled', true);
self.txtProjectDescription.attr('disabled', true);
self.txtEndDate.attr('disabled', true);
self.txtEngineeringHours.attr('disabled', true);
self.txtDirectHours.attr('disabled', true);
self.txtIndirectHours.attr('disabled', true);
self.txtOtherHours.attr('disabled', true);
self.txtARRThreshold.attr('disabled', true);
self.txtAppropriationHours.attr('disabled', true);
self.txtAppropriationDollars.attr('disabled', true);
self.txtProjectName.addClass(self.disabledCssClass);
self.txtProjectNumber.addClass(self.disabledCssClass);
self.txtProjectManager.addClass(self.disabledCssClass);
self.txtProjectDescription.addClass(self.disabledCssClass);
self.txtEndDate.addClass(self.disabledCssClass);
self.txtEngineeringHours.addClass(self.disabledCssClass);
self.txtDirectHours.addClass(self.disabledCssClass);
self.txtIndirectHours.addClass(self.disabledCssClass);
self.txtOtherHours.addClass(self.disabledCssClass);
self.txtARRThreshold.addClass(self.disabledCssClass);
self.txtAppropriationHours.addClass(self.disabledCssClass);
self.txtAppropriationDollars.addClass(self.disabledCssClass);
self.ibtnSaveProject.css('display', 'none');
};
/// <summary></summary>
this.close = function() {
self.clear();
closeSubForm('<%=divProjectDialog.ClientID %>');
};
/// <summary></summary>
this.clear = function() {
self.validationController.clear();
self.hidProjectKey.val('0');
self.txtProjectName.val('');
self.txtProjectNumber.val('');
self.txtProjectManager.val('');
self.txtProjectDescription.val('');
self.txtStartDate.val('');
self.txtEndDate.val('');
self.txtEngineeringHours.val('0.00');
self.txtDirectHours.val('0.00');
self.txtIndirectHours.val('0.00');
self.txtOtherHours.val('0.00');
self.txtARRThreshold.val('0.00');
self.txtAppropriationHours.val('0.00');
self.txtAppropriationDollars.val('0.00');
};
/// <summary></summary>
this.isOpen = function() {
var context = $(self.controller.container)
return (context.css('opacity') == '0') ? false : true;
};
/// <summary></summary>
this.isValid = function() {
self.validationController.clear();
var key = parseInt(self.hidProjectKey.val());
if (self.ddlClients.val().length == 0) {
var validator = self.validationController.getValidator(self.ddlClients.id());
validator.appendMessage("Please choose an option.");
}
if (self.txtProjectName.val().length == 0) {
var validator = self.validationController.getValidator(self.txtProjectName.id());
validator.appendMessage("Cannot be empty.");
}
if (self.hidProjectKey.val().length > 0) {
var key = parseInt(self.hidProjectKey.extractValue());
if (key > 0)
{
if (self.ddlEMREProductivityCurve.val().toLowerCase() == 'none') {
var validator = self.validationController.getValidator(self.ddlEMREProductivityCurve.id());
validator.appendMessage("Please choose an option.");
}
if (self.txtStartDate.val().length == 0) {
var validator = self.validationController.getValidator(self.txtStartDate.id());
validator.appendMessage("Click calendar to choose a valid date.");
}
if (self.txtEndDate.val().length == 0) {
var validator = self.validationController.getValidator(self.txtEndDate.id());
validator.appendMessage("Click calendar to choose a valid date.");
}
if ((self.txtStartDate.val().length > 0) amp;amp; (self.txtEndDate.val().length > 0)) {
var startDate = new Date(self.txtStartDate.val());
var endDate = new Date(self.txtEndDate.val());
if (startDate > endDate) {
var validator = self.validationController.getValidator(self.txtEndDate.id());
validator.appendMessage("End date must br greater than start date.");
}
}
}
}
if (self.txtARRThreshold.val().length == 0) {
var validator = self.validationController.getValidator(self.txtARRThreshold.id());
validator.appendMessage("Cannot be empty.");
}
else if (isNaN(self.txtARRThreshold.extractValue())) {
var validator = self.validationController.getValidator(self.txtARRThreshold.id());
validator.appendMessage("Is not a valid number.");
}
if (self.txtEngineeringHours.val().length == 0) {
var validator = self.validationController.getValidator(self.txtEngineeringHours.id());
validator.appendMessage("Cannot be empty.");
}
else if (isNaN(self.txtEngineeringHours.extractValue())) {
var validator = self.validationController.getValidator(self.txtEngineeringHours.id());
validator.appendMessage("Is not a valid number.");
}
if (self.txtDirectHours.val().length == 0) {
var validator = self.validationController.getValidator(self.txtDirectHours.id());
validator.appendMessage("Cannot be empty.");
}
else if (isNaN(self.txtDirectHours.extractValue())) {
var validator = self.validationController.getValidator(self.txtDirectHours.id());
validator.appendMessage("Is not a valid number.");
}
if (self.txtIndirectHours.val().length == 0) {
var validator = self.validationController.getValidator(self.txtIndirectHours.id());
validator.appendMessage("Cannot be empty.");
}
else if (isNaN(self.txtIndirectHours.extractValue())) {
var validator = self.validationController.getValidator(self.txtIndirectHours.id());
validator.appendMessage("Is not a valid number.");
}
if (self.txtOtherHours.val().length == 0) {
var validator = self.validationController.getValidator(self.txtOtherHours.id());
validator.appendMessage("Cannot be empty.");
}
else if (isNaN(self.txtOtherHours.extractValue())) {
var validator = self.validationController.getValidator(self.txtOtherHours.id());
validator.appendMessage("Is not a valid number.");
}
if (self.txtAppropriationHours.val().length == 0) {
var validator = self.validationController.getValidator(self.txtAppropriationHours.id());
validator.appendMessage("Cannot be empty.");
}
else if (isNaN(self.txtAppropriationHours.extractValue())) {
var validator = self.validationController.getValidator(self.txtAppropriationHours.id());
validator.appendMessage("Is not a valid number.");
}
if (self.txtAppropriationDollars.val().length == 0) {
var validator = self.validationController.getValidator(self.txtAppropriationDollars.id());
validator.appendMessage("Cannot be empty.");
}
else if (isNaN(self.txtAppropriationDollars.extractValue())) {
var validator = self.validationController.getValidator(self.txtAppropriationDollars.id());
validator.appendMessage("Is not a valid number.");
}
self.validationController.displayAll();
return (self.validationController.hasErrors() == true) ? false : true;
};
/// <summary></summary>
this.calculateAppropriationHours = function() {
var engineeringHours = ( self.txtEngineeringHours.extractValue()) || 0;
var directHours = ( self.txtDirectHours.extractValue()) || 0;
var indirectHours = ( self.txtIndirectHours.extractValue()) || 0;
var otherHours = ( self.txtOtherHours.extractValue()) || 0;
var total = engineeringHours directHours indirectHours otherHours;
self.txtAppropriationHours.val(total).change();
};
/// <summary></summary>
this.populateFrom = function(project) {
self.clear();
self.hidProjectKey.val(project.key);
// Drop-Down
self.ddlClients.val(project.clientKey);
self.txtProjectName.val(project.projectName);
self.txtProjectNumber.val(project.number);
self.txtProjectManager.val(project.projectManager);
self.txtProjectDescription.val(project.description);
// Drop-Down
self.ddlEMREProductivityCurve.val(project.productivityCurveType);
if(project.startDate != null)
self.txtStartDate.val(project.startDate);
if(project.startDate != null)
self.txtEndDate.val(project.endDate);
self.txtEngineeringHours.val(project.engineeringHours);
self.txtDirectHours.val(project.directHours);
self.txtIndirectHours.val(project.indirectHours);
self.txtOtherHours.val(project.otherHours);
self.txtARRThreshold.val(project.arrThreshold);
self.txtAppropriationHours.val(project.appropriationHours);
self.txtAppropriationDollars.val(project.appropriationAmount);
self.txtEngineeringHours.change();
self.txtDirectHours.change();
self.txtIndirectHours.change();
self.txtOtherHours.change();
self.txtARRThreshold.change();
self.txtAppropriationHours.change();
self.txtAppropriationDollars.change();
};
};
return publicInstances;
})(jQuery);
</script>
Комментарии:
1. Такая жесткая связь сервера и js меня очень огорчает : (
2. Даже в C # «некоторые» вещи по своей природе сильно связаны.
3. @prisonerZERO это скорее общий сбой и неспособность ASP.NET для создания разумного или семантического HTML с их элементами управления. И я не согласен. в .NET «некоторые» вещи по своей природе сильно связаны. Это не имеет ничего общего с C#
4. @Raynos Тогда ладно… возможно, лучший способ объяснить это так: «некоторые вещи неразрывно связаны друг с другом».
5. @Raynos Я не хочу, чтобы вы думали, что я с вами не согласен … Я согласен, что тяжелая связь должна использоваться экономно… во многом так и должна быть денормализация. Но даже такие вещи, как денормализация, ИМЕЮТ допустимое применение (время от времени).