我正在尝试使用微风加载记录.在加载记录时我正在显示旋转图标.但不知何故,旋转图标似乎在网格中加载记录时停止.这是我的HTML
<div id="showSpin" data-bind="visible: isSpinning" style="padding: 10px; position: absolute; top:248px;left: 320px; background-color: #FFF; opacity: 0.9; filter: alpha(opacity=90);">
<img src="/images/spin.gif" />
</div>
Run Code Online (Sandbox Code Playgroud)
这是我加载图片的代码
isSpinning(true)
context.getData(name, records).then(function (data) {
isSpinning(false);
setTimeout(function () {
isSpinning(false);
}, 300);
})
.fail("Record not found");
Run Code Online (Sandbox Code Playgroud)
Update1 我根据答案尝试了下面的代码,但没有任何反应.我还包括css.但什么都看不到.
<div id="loading" data-bind="visible: isSpinning" style="padding: 10px; position: absolute; top:240px;left: 280px; background-color: #FFF; opacity: 0.9; filter: alpha(opacity=90);">
<i class="icon-spin " style="width: 40px"></i>
<!--<img src="../../../../../Content/images/download.jpg" style="width: 40px" />-->
</div>
Run Code Online (Sandbox Code Playgroud)