以下位代码应该检索任何特定价格日期/价格日期ID的记录价格。一切似乎都有效,除了传递给Controller的值总是为空,"未定义","",或者以字符串形式传递时缺少值,并且不会。当作为int传递时,传递/在视图中抛出错误。我已经使用了一个模板解决了这个问题,但是我无法看到这里发生了什么。忽略可能在另一个问题中的最终计算,是否有人能够发现ID值未被传递的原因?提前谢谢!
HTML:
<div class="col-lg-8">
@Html.LabelFor(m => m.PriceDate, "Pricing Date")
@Html.DropDownListFor(m => m.PriceDate, Model.PricingDates, "--New Pricing--")
</div>
脚本:
$(function () {
var $priceValue = $("#PriceDate").val(),
$pID = { iD: $priceValue };
$("#PriceDate").change(function () {
if ($(this).val()) {
//make AJAX call for historical Price data and populate table
$.ajax({
type: "GET",
url: '@Url.Action("GetPrices", "Sales")',
data: $pID,
success: function (data) {
//Fill data
$("#Prices").val(data);
}
});
}
else {
//clear data
$("#Prices").val('');
}
}).change();
});
控制器:
public ActionResult GetPrices(string iD)
{
int priceID;
Int32.TryParse(iD, out priceID);
//priceID = iD;
dbEntities db = new dbEntities();
var selectedPrice = new List<PricesModel>();
var accountPrices = db.uspGetPrices(priceID);
//Do stuff
return Json(selectedPrice, JsonRequestBehavior.AllowGet);
}
生成的HTML:
<div class="col-lg-8">
<label for="PriceDate">Pricing Date</label>
<select data-val="true" data-val-number="The field PriceDate must be a number." data-val-required="The PriceDate field is required." id="PriceDate" name="PriceDate"><option value="">--New Pricing--</option>
<option value="2">1/4/2016 6:33 PM</option></select>
</div>
答案 0 :(得分:1)
即使在更改事件之前,您正在读取下拉列表中所选选项的值(特别是在DOM ready事件上)。因此,如果没有任何选项作为页面加载的一部分被选中( Ex:创建pag e),您将获得undefined
作为$priceValue
的值变量
您应该阅读change
事件代码中下拉列表的选定选项值。
$(function(){
$("#PriceDate").change(function () {
var $pID = { iD: $(this).val() };
if ($(this).val()) {
$.ajax({
type: "GET",
url: '@Url.Action("GetPrices", "Sales")',
data: $pID,
success: function (data) {
alert(data);
$("#Prices").val(data);
}
});
}
else {
//clear data
$("#Prices").val('');
}
}).change();
});
另请注意,当前代码在change()
上注册更改事件代码后,在下拉列表中调用document ready
方法。这意味着在加载页面DOM之后将始终触发更改事件。我不确定这是故意的!