- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我喜欢用 dotvvm 建立一个视频演示网站。当什么都没有发生时,每次从列表中播放新视频时它都必须开始。使用 bootstrap/MediaObject 我找不到“视频准备播放”事件,因此我们可以开始下一个视频。使用 Dotvvm 解决此问题的最佳方法是什么,我不想为此回到角度。
基础
更新:此时我使用的是html5标签,是否还有dotvvm组件?示例:
<dot:Content ContentPlaceHolderID="ContentTemplate">
<div class="page">
<video ID="video1" width="320" height="240" autoplay>
<source src="/Style/video/video1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<button onclick="playPause()">Play/Pause</button>
</div>
<script>
var myVideo = document.getElementById("video1");
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
myVideo.addEventListener("ended", function () {
//get next video from viewmodel, (not hard coded)
var nextVideo = "/Style/video/video2.mp4"
myVideo.setAttribute("src", nextVideo)
//load
myVideo.load();
// switch of sound
myVideo.muted = true;
// play
myVideo.play();
}, true);
</script>
我们可以从 viewModel 获取 nextVideo 吗?我们该怎么做?
最佳答案
1) 设置javascript变量
您可以这样设置 - 例如。通过命令按钮
MyView.dothtml
...
<dot:button Click="{command: SetNextVideo()}" Text="Set next video" />
...
MyViewModel.cs
....
IDotvvmRequestContext _requestContext;
...
public void SetNextVideo()
{
//_requestContext.ResourceManager.AddStartupScript("alert('my javascript after command');");
_requestContext.ResourceManager.AddStartupScript("nextVideo = ...... ");
}
<强>2。获取 View 中 Viewmodel 属性的当前值
或者您可以在 viewmodel 和 javascript 中声明 declare string 属性,您可以通过这样的敲除调用获取当前值:
View 模型
public string MyFoo {get;set;} = "bar";
查看:
<script>
....
alert( ko.toJS(dotvvm.viewModels.root.viewModel.MyFoo) );
</script>
这取决于你的脚本你真正想做什么:)
关于dotvvm:自动播放视频列表(演示),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45238976/
嗨,我想问一下从 dotVVM 框架中的命令重定向的正确方法是什么。我试图通过实际工作的 Context.Redirect() 函数重定向到另一个页面,但我收到一个异常“DotVVM.Framewor
我喜欢用 dotvvm 建立一个视频演示网站。当什么都没有发生时,每次从列表中播放新视频时它都必须开始。使用 bootstrap/MediaObject 我找不到“视频准备播放”事件,因此我们可以开始
我对 DotVVM 多选样式有疑问。多选内容被输入覆盖,我不知道是什么导致了这个问题。当我使用使用完全相同的 css 类的 dropdown list 时,这没有任何问题。您可以在下图中看到下拉列表结
我正在制作一个 DotVVM 应用程序,我想在每个页面上显示注销按钮或登录表单。因此,我制作了使用 ViewModel 处理登录或注销的自定义控件。 由于我希望在每个页面上都有这个控件,所以我将它放在
我试图通过按钮单击命令以编程方式从 Panel 组件更改 CssStyle 属性“背景颜色”,但没有任何反应。如果我在 ViewModel Load() 方法上设置属性,则有效。页面加载后不会。 De
我正在 DotVVM 中构建一个网站,当我尝试以下代码行但出现错误:NullReferenceException HttpContext.Current.Session.Add ("Value", I
我正在创建一个用于数据可视化的 dotVVM webApp,但遇到了一些问题: 由于我的 view(html) 和 viewModel(c#) 之间的数据绑定(bind),我只能通过这些 DOM 元素
随着 ASP.NET CORE 版本 2.0 的最新发布,我们现在有了 Razor Pages,我非常喜欢它,因为它展示了一种MVVM 方式我已经熟悉的开发,因为我在 UWP 中使用过它。 我正在寻找
我是一名优秀的程序员,十分优秀!