Asp.net mvc MVC-单击按钮即可加载JQuery选项卡

我是MVC和JQuery的新手。我的要求很简单。我有3个选项卡，第一个选项卡有两个日期选择器字段和一个按钮。第二个和第三个选项卡根据所选日期显示图表。我需要的是在单击第一个选项卡中的按钮时填充第二个和第三个图形（图像）

这是我的aspx文件的内容 $（函数（）{ $（“#制表符”）.tabs（）； });

$（文档）.ready（函数（）{
$（“#StartDate”）.datepicker（{dateFormat:'dd/mm/yy'}）；
});
$（文档）.ready（函数（）{
$（“#EndDate”）.datepicker（{dateFormat:'dd/mm/yy'}）；
});





审判

住宅智能计量

开始日期

model.StartDate，新的{style=“width:100px”}）%>
结束日期

model.EndDate，新的{style=“width:100px”}）%>

使用此代码，当我单击按钮时，它只在空白页上绘制图形，但我希望它在我的选项卡“tabs CI”中呈现。

尝试以下操作：

<% Ajax.BeginForm("GetSmartMeterData", "Chart", new AjaxOptions{ UpdateTargetId = "tabs-CI" });%>
     <p>Start Date</p>
     <%= Html.TextBoxFor(model => model.StartDate , new { style = "width:100px" })%>

     <p>End Date</p>
     <%= Html.TextBoxFor(model => model.EndDate, new { style = "width:100px" })%>

     <input type="submit" id="but1" value="Go" />

<% Ajax.EndForm();%>

开始日期

model.StartDate，新的{style=“width:100px”}）%>
结束日期

model.EndDate，新的{style=“width:100px”}）%>

我尝试了上述方法。现在，我单击按钮后可以看到选项卡，但选项卡内没有显示任何图形。选项卡内没有显示任何图形或内容？选项卡内没有显示任何内容。您必须切换到选项卡“tabs CI”，并且在何处初始化jQuery选项卡？使用

$（'#tabs'）。tabs（）

初始化选项卡

<% Ajax.BeginForm("GetSmartMeterData", "Chart", new AjaxOptions{ UpdateTargetId = "tabs-CI" });%>
     <p>Start Date</p>
     <%= Html.TextBoxFor(model => model.StartDate , new { style = "width:100px" })%>

     <p>End Date</p>
     <%= Html.TextBoxFor(model => model.EndDate, new { style = "width:100px" })%>

     <input type="submit" id="but1" value="Go" />

<% Ajax.EndForm();%>