gpt4 book ai didi

c# - ASP.NET MVC 中具有多个 View 的 Telerik 样式

转载 作者:太空宇宙 更新时间:2023-11-03 11:20:22 25 4
gpt4 key购买 nike

previous post 中我无法像在 telerik demo site 上那样在我的 View 上设置样式通过从下拉列表中选择样式。这已得到解答,但我现在有一个新的但相关的问题。

我的站点上有多个页面(这对 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."+@Html.ViewContext.HttpContext.Request.QueryString["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>

正如我所解释的,在大多数情况下它工作正常。当我点击链接到另一个页面时异常(exception)。然后一切都恢复到预设的默认值。

理想情况下,我正在寻找一种在组合框中选择新项目时进行回发的方法(就像在 JavaScript 中一样)。样式已更改,因此无论如何都需要刷新整个页面。这行得通。但是当我移动到另一个页面时,它会重置为默认样式。因此,我需要一种方法来在客户端或服务器端存储所选样式(我的页面以这种方式加载时首选)。

我读过这可以通过使用 Controller 来完成,但不清楚如何操作。如果可能的话,我想要 Controller 方法,因为我将使用 Controller 动态加载 CSS 样式列表,允许用户下载其他样式,它们将自动添加到列表中。所以沿着这条线的任何事情都会很棒。

最佳答案

您可以创建一个带有静态属性的静态类,该静态属性将充当全局属性。

public static class MyTheme
{
public static string MyGlobalTheme { get; set; }
}

或者您可以使用 Application 类。

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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com