我是 MVC 剑道的新手。我正在创建一个带有一个 Datetimepicker、两个组合框和网格的示例程序。当我选择要填充网格的下拉框数据和日期时间选择器日期时,我想知道什么。我已经完成了一些工作,但是当我单击“搜索”按钮时,我找不到将选定的下拉列表和 datetimepicker 值发送到控制器的方法。如果有人知道,请告诉我。
剃刀视图-
@using PortalModels
<table>
<tr>
<td>@Html.Label("Date")</td>
<td></td>
<td>@Html.Kendo().DatePicker().Name("DTPicker")</td>
</tr>
<tr>
<td>@Html.Label("District")</td>
<td></td>
<td>
@(Html.Kendo().ComboBox()
.Name("Districts")
.HtmlAttributes(new { style = "width:300px" })
.Placeholder("Select category...")
.DataTextField("CdNm")
.DataValueField("CdKy")
.Filter(FilterType.Contains)
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetCascadeDistrict", "MarketInfo");
});
})
)
</td>
</tr>
<tr>
<td>@Html.Label("Market")</td>
<td></td>
<td>
@(Html.Kendo().ComboBox()
.Name("Markets")
.HtmlAttributes(new { style = "width:300px" })
.Placeholder("Select product...")
.DataTextField("CdNm")
.DataValueField("CdKy")
.Filter(FilterType.Contains)
.DataSource(source => {
source.Read(read =>
{
read.Action("GetCascadeMarket", "MarketInfo")
.Data("filterMarkets");
})
.ServerFiltering(true);
})
.Enable(false)
.AutoBind(false)
.CascadeFrom("Districts")
)
<script>
function filterMarkets() {
return {
categories: $("#Districts").val(),
productFilter: $("#Markets").data("kendoComboBox").input.val()
};
}
</script>
</td>
<td><input type="submit" id="Submittbn" /></td>
</tr>
</table>
@(Html.Kendo().Grid<PortalModels.MarketInfoModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(m => m.ItmNm).Width(400);
columns.Bound(m => m.Unit).Width(150);
columns.Bound(m => m.Unit).Width(150);
})
.DataSource(dataSource =>
dataSource.Ajax()
.ServerOperation(false)
.Read(read => read.Action("ReadMarketInfoDetails", "MarketInfo").Data("MarketData"))
.Create(create => create.Action("FamilyDetails", "Home").Data("FamilyData"))
.PageSize(150)// Action method invoked when the grid needs data
)
.Pageable()
.Sortable() // Enable sorting
)
<script>
$(function () {
var MarketGrid = $('#grid').data("kendoGrid");
$("#Submittbn").click(function () {
MarketGrid.dataSource.read();
})
});
function MarketData() {
var EffectiveDtValue = $("#DTPicker").data("kendoDatePicker")
var DistrictValue = $('#Districts').data("kendoComboBox")
var MarketValue = $('#Markets').data("kendoComboBox")
return {
intEmpky: EffectiveDt.value(),
intAdrKy: DistrictValue.value(),
strCode: MarketValue.value()
}
}
</script>