私の部分的なビューには、次のコードが含まれています。
@( Html.Telerik().TabStrip()
.Name("MeasurementScheme")
.Items(tab =>
{
tab.Add()
.Text("Weight Measure")
.LoadContentFrom("IndexWeight", "MeasurementScheme")
.Selected(true);
tab.Add()
.Text("Dimension Measure")
.LoadContentFrom("IndexDimension", "MeasurementScheme");
})
)
しかし、コードを実行すると、最初のタブの部分的なビューしか表示されず、2 番目のタブをクリックしても 2 番目のタブは呼び出されません。
もう1つ、2番目のタブの.selectedプロパティを最初ではなくtrueに変更すると、2番目のタブが正常に機能し、最初にそのビューが呼び出されないと思いますか?
わかりました kk これは私のコントローラーです
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using CommerceSuite.Services;
using CommerceSuite.Web.Models;
using CommerceSuite.Data;
using System.Web.Mvc.Html;
using CommerceSuite.Web.Infrastructure;
using CommerceSuite.Web.Models.MeasurementScheme;
using Telerik.Web.Mvc;
using System.Threading;
namespace CommerceSuite.Web.Controllers
{
public class MeasurementSchemeController : BaseCsController
{
private readonly IMeasurementSchemeService _measurementSchemeService;
public MeasurementSchemeController(IMeasurementSchemeService measurementSchemeService)
{
this._measurementSchemeService = measurementSchemeService;
}
public ActionResult Index()
{
return PartialView("_Index");
}
// Default Partial View Page of Measure Dimension
public ActionResult IndexDimension()
{
return PartialView("_IndexDimension");
}
// return Json List of All MeasureDimension - Method is Invoked in Index Partival View
[GridAction]
public ActionResult MeasureDimensionView()
{
var dimensionCollection= _measurementSchemeService.GetAllMeasurementDimension().Select(x=>
new MeasureDimensionModel()
{
MeasureDimensionId=x.MeasureDimensionId,
Name=x.Name,
Symbol = x.Symbol,
Ratio=x.Ratio.Value,
IsActive=x.IsActive
});
return Json(dimensionCollection, JsonRequestBehavior.AllowGet);
}
public ActionResult IndexWeight()
{
return PartialView("_IndexWeight");
}
// return Json List of All MeasureDimension - Method is Invoked in Index Partival View
[GridAction]
public ActionResult MeasureWeightView()
{
var weightCollection = _measurementSchemeService.GetAllMeasurementWeight().Select(x =>
new MeasureWeightModel()
{
MeasureWeightId = x.MeasureWeightId,
Name = x.Name,
Symbol = x.Symbol,
Ratio = x.Ratio.Value,
IsActive = x.IsActive
});
return Json(weightCollection, JsonRequestBehavior.AllowGet);
}
これは私の部分的なビューです _Index.cshtml
@model CommerceSuite.Web.Models.MeasurementScheme.MeasureWeightModel
@{
ViewBag.Title = "Measurement Information";
Layout = "~/Views/Shared/_LayoutPartial.cshtml";
}
@Html.Partial("~/Views/Shared/_Notifications.cshtml")
<div style="margin-top: 10px; background-color:rgba(18, 149, 223, 0.35); color:#000000; text-align:center; border-bottom-style:dotted; border-top-style:dotted; border-top-width:1px; border-top-color:#aaa; border-bottom-width:1px; border-bottom-color:#aaa;">
<h1 style="font-size: 17px; line-height:24px; font-weight:normal;">Measurement Schemes</h1>
@section LeftOption{
<a href="#"><img src="@Url.Content("~/Content/themes/myicons/home.png")" width="28px;" title="Home" alt="Home" /></a>
<a href="#"><img src="@Url.Content("~/Content/themes/myicons/back.png")" width="28px;" title="Back" alt="Back" /></a>
<a href="#"><img src="@Url.Content("~/Content/themes/myicons/forward.png")" width="28px;" title="Forward" alt="Forward" /></a>
<a href="#"><img src="@Url.Content("~/Content/themes/myicons/refresh.png")" width="28px;" title="Refresh List" alt="Refresh" /></a>
<a href="#"><img src="@Url.Content("~/Content/themes/myicons/search.png")" width="28px;" title="Search" alt="Search" /></a>
}
@section RightOption{
<a href="#" Onclick="csPopupOpen('Add Measurement Scheme','@Url.Action("Create")')"><img src="@Url.Content("~/Content/themes/myicons/add.png")" width="28px;" title="Add New" alt="Add" /></a>
<a href="#" Onclick="csPopupOpen('Delete Measurement Scheme','@Url.Action("#")')"><img src="@Url.Content("~/Content/themes/myicons/delete.png")" width="28px;" title="Delete" alt="Delete" /></a>
<a href="#" Onclick="csPopupOpen('Print Measurement Schemes','@Url.Action("#")')"><img src="@Url.Content("~/Content/themes/myicons/print.png")" width="28px;" title="Print List" alt="Print" /></a>
}
@( Html.Telerik().TabStrip()
.Name("TabStrip")
.Items(tab =>
{
tab.Add()
.Text("Dimension Measure")
.LoadContentFrom("IndexDimension", "MeasurementScheme")
.Selected(true);
tab.Add()
.Text("Weight Measure")
.LoadContentFrom("IndexWeight", "MeasureWeight");
})
)
これは、measureweight _IndexDimension の部分ビューです。
@model CommerceSuite.Web.Models.MeasurementScheme.MeasureDimensionModel
@(Html.Telerik().Grid<CommerceSuite.Web.Models.MeasurementScheme.MeasureDimensionModel>()
.Name("MeasurementScheme")
.DataBinding(databinding => {
databinding.Ajax().Select("MeasureDimensionView", "MeasurementScheme");
})
.Columns(columns =>
{
columns.Bound(p=>p.MeasureDimensionId)
.ClientTemplate("<input type='checkbox' name='checkedRecords' value='<#= MeasureDimensionId #>' />")
.HeaderTemplate(
@<text>
<input type="checkbox" title="Select/Unselect All Records" id="checkAllRecords" />
</text>
)
.Title("")
.Width(40)
.HtmlAttributes(new { style = "text-align:center" });
columns.Bound(p => p.Name).Width(300);
columns.Bound(p => p.Symbol).Width(100);
columns.Bound(p => p.Ratio).Width(100);
columns.Bound(p => p.IsActive).Width(75);
columns.Bound(p => p.IsActive).Title("Update").Sortable(false).Filterable(false).Width(50)
.ClientTemplate("<img src='../../Content/themes/myicons/edit.png' title='Edit' width='20' onclick='csPopupOpen(\"HELLO\",\"" + @Url.Action("EditDimension") + "\",<#=MeasureDimensionId #>,\"" + @Url.Action("IndexDimension") + "\")' value='Edit' > <img src='../../Content/themes/myicons/del.ico' width='20' title='delete' name='<#=MeasureDimensionId #>' onclick='csPopupOpen(\"HELLO\",\"" + @Url.Action("Delete") + "\",<#=MeasureDimensionId #>)' value='Delete' > ").Width(50);
})
.Pageable()
.Scrollable()
.Sortable()
.Groupable()
)
これは MeasureDimension _IndexDimension.cshtml の部分図です
@model CommerceSuite.Web.Models.MeasurementScheme.MeasureDimensionModel
@(Html.Telerik().Grid<CommerceSuite.Web.Models.MeasurementScheme.MeasureDimensionModel>()
.Name("MeasurementScheme")
.DataBinding(databinding => {
databinding.Ajax().Select("MeasureDimensionView", "MeasurementScheme");
})
.Columns(columns =>
{
columns.Bound(p=>p.MeasureDimensionId)
.ClientTemplate("<input type='checkbox' name='checkedRecords' value='<#= MeasureDimensionId #>' />")
.HeaderTemplate(
@<text>
<input type="checkbox" title="Select/Unselect All Records" id="checkAllRecords" />
</text>
)
.Title("")
.Width(40)
.HtmlAttributes(new { style = "text-align:center" });
columns.Bound(p => p.Name).Width(300);
columns.Bound(p => p.Symbol).Width(100);
columns.Bound(p => p.Ratio).Width(100);
columns.Bound(p => p.IsActive).Width(75);
columns.Bound(p => p.IsActive).Title("Update").Sortable(false).Filterable(false).Width(50)
.ClientTemplate("<img src='../../Content/themes/myicons/edit.png' title='Edit' width='20' onclick='csPopupOpen(\"HELLO\",\"" + @Url.Action("EditDimension") + "\",<#=MeasureDimensionId #>,\"" + @Url.Action("IndexDimension") + "\")' value='Edit' > <img src='../../Content/themes/myicons/del.ico' width='20' title='delete' name='<#=MeasureDimensionId #>' onclick='csPopupOpen(\"HELLO\",\"" + @Url.Action("Delete") + "\",<#=MeasureDimensionId #>)' value='Delete' > ").Width(50);
})
.Pageable()
.Scrollable()
.Sortable()
.Groupable()
)
それがすべてです