在previous post中我在我的 View 上设置样式时遇到了麻烦,就像在 telerik demo site 上设置样式一样。通过从下拉列表中选择样式。这个问题已得到解答,但我现在遇到了一个新的但相关的问题。
我的网站上有多个页面(这对于 MVC 来说很常见),并且每个页面上都有许多 telerik 控件。允许用户使用为我完成的预定义 CSS 设计网站样式非常棒,并且节省了我很多工作。
问题是,当我从一个页面移动到另一个页面时,Telerik 使用的组合框会重置为其默认值,因此每次用户更改页面时都会重置网站上的样式(不理想)。
我尝试过使用 session 来存储状态,但无法像标准 aspx 开发那样检测回发。所以我不能做这样的事情:
if(isPostBack)
{
if(string.isNullOrEmpty(Session["MyTheme"]+""))
{
Session["MyTheme"]="black";
}
else
{
Session["myTheme"]=//Some combo box selected value
}
}
即使我可以,组合框 onChange 事件是通过 JavaScript 处理的,但 Telerik 控件需要 C# Razor 并按我的意愿尝试,我无法让他们交谈并共享一个简单的值。
最终我想做的就是允许用户从组合框中选择一个主题,从那时起,该主题就会在整个网站中被记住,直到他们下次更改它为止。
我尝试过查询字符串和 session ,但都不起作用,因为我无法在 JavaScript 中访问它们。显然它们仅在服务器端使用。
我尝试过 cookie,但不起作用,因为我无法在 C# Razor 中访问它们。显然它们只是客户端。
下面是我的代码:
<head>
@(
Html.Telerik().StyleSheetRegistrar()
.DefaultGroup(group => group
.Add("telerik.common.css")
.Add(string.IsNullOrEmpty(@Html.ViewContext.HttpContext.Request.QueryString["theme"]) ? "telerik.black.css" : "telerik."<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="654e252d1108094b330c0012260a0b11001d114b2d111115260a0b11001d114b370014100016114b341000171c3611170c0b02" rel="noreferrer noopener nofollow">[email protected]</a>["theme"]+".css").Combined(true).Compress(true)
))
</head>
<body>
@(
/* TELERIK COMBOBOX */
Html.Telerik().ComboBox()
.Name("cbxTheme")
.SelectedIndex(0)
.ClientEvents(events => events.OnChange("cbxTheme_onChange"))
//.BindTo((IEnumerable<DropDownItem>)ViewData["Files"])
.Items(item =>
{
item.Add().Text("black");
item.Add().Text("common");
item.Add().Text("default");
item.Add().Text("forest");
item.Add().Text("hay");
item.Add().Text("metro");
item.Add().Text("office2007");
item.Add().Text("office2010black");
item.Add().Text("office2010blue");
item.Add().Text("office2010silver");
item.Add().Text("outlook");
item.Add().Text("rtl");
item.Add().Text("simple");
item.Add().Text("sitefinity");
item.Add().Text("sunset");
item.Add().Text("telerik");
item.Add().Text("transparent");
item.Add().Text("vista");
item.Add().Text("web20");
item.Add().Text("webblue");
item.Add().Text("windows7");
})
)
@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)))
</body>
<script type="text/javascript">
function cbxTheme_onChange()
{
var selectedItemText = $("#cbxTheme").data("tComboBox").text();
//var selectedItemValue = $("#cbxTheme").data("tComboBox").value();
window.location.href = window.location.protocol
+ '//'
+ window.location.host
+ window.location.pathname
+ '?theme='
+ selectedItemText;
}
</script>
正如我所解释的,在大多数情况下它工作得很好。除非我点击另一个页面的链接。然后一切都会恢复为预设的默认值。
理想情况下,我正在寻找一种在组合框中选择新项目时进行回发的方法(就像在 JavaScript 中一样)。样式改变了,所以整个页面无论如何都需要刷新。这有效。但是当我移动到另一个页面时,它会重置为默认样式。因此,我需要一种方法来存储所选样式,无论是客户端还是服务器端(首选,因为我的页面是以这种方式加载的)。
我已经读到这可以通过使用 Controller 来完成,但不清楚如何实现。如果可能的话,我想要 Controller 方法,因为我将使用 Controller 动态加载 CSS 样式列表,允许用户下载其他样式,并且它们将自动添加到列表中。所以沿着这条线的任何事情都会很棒。
最佳答案
您可以创建一个带有静态属性的静态类,它将充当全局属性。
public static class MyTheme
{
public static string MyGlobalTheme { get; set; }
}
或者你可以使用应用程序类。
Application["MyTheme"] = "black";
您可以将此代码放入 _Layout.cshtml 中。如果您的项目名称是 TProj 并且您的静态类位于名为 Objects 的文件夹中,则它将如下所示。
_Layout.cshtml
@{
if (@Html.ViewContext.HttpContext.Request.QueryString["theme"] != null)
{
TProj.Objects.MyTheme.MyGlobalTheme = Html.ViewContext.HttpContext.Request.QueryString["theme"];
}
else
{
if (TProj.Objects.MyTheme.MyGlobalTheme == null)
{
TProj.Objects.MyTheme.MyGlobalTheme = "black";
}
}
}
现在,在 _Layout.cshtml 中,您可以使用字符串 @TreasuryReportsMvc.Objects.MyTheme.MyGlobalTheme,即使您转到另一个页面,它也应该保持不变。 _Layout.cshtml 可能不是此逻辑的最佳位置。您应该考虑它对您的项目最有意义的地方。
请注意,许多人不赞成全局变量。 This question对 Asp.Net MVC 全局变量进行了很好的讨论。
关于c# - ASP.NET MVC 中具有多个 View 的 Telerik 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11249548/