- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试按如下方式构建表,但出现“错误:找不到要匹配的结束注释标记:ko if: cellIsStartOfRow”。
我做错了吗?
<table>
<tbody data-bind="foreach: MyDocs">
<!-- ko if: cellIsStartOfRow -->
<tr class="docsRow">
<!-- /ko -->
<td>
<!-- There is more databinding in here - a div containing a textarea and also containing a hyperlink surrounding an image. I think the contents are irrelevant to my question, but I can post if someone disagrees.-->
</td>
<!-- ko if: cellIsEndOfRow -->
</ tr>
<!-- /ko -->
</tbody>
</table>
Type.registerNamespace("HpDocs");
HpDocs.DocsVM = function (data) {
ko.mapping.fromJS(data, {}, this);
// add additional properties to each document for presentation
// purposes
for (i = 0; i < this.MyDocs().length; i++) {
var myDoc = this.MyDocs()[i];
myDoc.docObjectId = "docObject" + myDoc.Id();
myDoc.textareaId = "ucHpDocs" + "_txta";
if (i % 5 == 0) {
myDoc.cellIsStartOfRow = true;
myDoc.cellIsEndOfRow = false;
} else if (i % 5 == 5) {
myDoc.cellIsStartOfRow = false;
myDoc.cellIsEndOfRow = true;
} else {
myDoc.cellIsStartOfRow = false;
myDoc.cellIsEndOfRow = false;
}
}
};
HpDocs.DocsVM.prototype = {
// cellIsStartOfRow: function(){
// return true;
// },
getDocs: function (filter) {
var self = this;
$.ajax({
url: getMethodUrl("GetDocs"),
data: "{'filter': " + filter + "}",
success: function (response) {
ko.mapping.fromJS(response.d, {}, self.MyDocs);
}
})
}
};
HpDocs.dbGetDocs = function (filter) {
$.ajax({
url: getMethodUrl("DbGetDocs"),
data: "{'filter': " + filter + "}",
success: function (response) {
myDocsViewModel = new HpDocs.DocsVM({
MyDocs: ko.mapping.fromJS(response.d)
});
var bindingScope = $("#divMyDocs")[0];
ko.applyBindings(myDocsViewModel, bindingScope);
$(".DocsUpdateProgress").addClass("invisible");
}
})
};
HpDocs.getPreferredTab = function () {
var tabPref = $("[id$='hidDocTabPreference']").html();
return tabPref;
};
HpDocs.showProgress = function () {
$(".DocsUpdateProgress").removeClass("invisible");
};
HpDocs.hideProgress = function () {
$(".DocsUpdateProgress").addClass("invisible");
};
//register the class
HpDocs.DocsVM.registerClass('HpDocs.DocsVM', null, Sys.IDisposable);
// notify ajax that the script is now loaded.
if (typeof (Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();
<table id="tblMyDocs">
<tbody data-bind="foreach: MyDocs.Rows">
<tr data-bind="foreach: Documents">
<td>
<!-- in here i present each document by databinding to the Model's properties -->
<td>
</tr>
</tbody>
</table>
HpDocs.DocsVM = function (data) {
ko.mapping.fromJS(data, {}, this);
};
HpDocs.DocsVM.prototype = {
getDocs: function (filter) {
var self = this;
$.ajax({
url: getMethodUrl("GetDocs"),
data: "{'filter': " + filter + "}",
success: function (response) {
ko.mapping.fromJS(response.d, {}, self.MyDocs);
}
})
}
};
HpDocs.dbGetDocs = function (filter) {
$.ajax({
url: getMethodUrl("DbGetDocs"),
data: "{'filter': " + filter + "}",
success: function (response) {
myDocsViewModel = new HpDocs.DocsVM({
MyDocs: ko.mapping.fromJS(response.d)
});
var bindingScope = $("#divMyDocs")[0];
ko.applyBindings(myDocsViewModel, bindingScope);
HpDocs.hideProgress();
}
})
};
最佳答案
而不是像下面这样向你的 js 添加格式化逻辑:
// add additional properties to each document for presentation
// purposes
for (i = 0; i < this.MyDocs().length; i++) {
var myDoc = this.MyDocs()[i];
myDoc.docObjectId = "docObject" + myDoc.Id();
myDoc.textareaId = "ucHpDocs" + "_txta";
if (i % 5 == 0) {
myDoc.cellIsStartOfRow = true;
myDoc.cellIsEndOfRow = false;
} else if (i % 5 == 5) {
myDoc.cellIsStartOfRow = false;
myDoc.cellIsEndOfRow = true;
} else {
myDoc.cellIsStartOfRow = false;
myDoc.cellIsEndOfRow = false;
}
<table>
<tbody data-bind="foreach: someArray">
<tr class="docsRow" data-bind="foreach:docRows">
<td>
<div data-bind="attr: {id: objectId}">
<a data-bind="attr: {href: someUrl}">
<img data-bind="attr: {src: IconPath, alt: Tooltip}"/>
</a>
<br/>
<textarea runat="server" readonly="readonly" data-bind="html: DisplayName"></textarea>
</div>
</td>
</ tr>
</tbody>
</table>
HpDocs.RowVM = function(data) {
ko.mapping.fromJS(data, {}, this);
}
HpDocs.DocsVM = function(data) {
ko.mapping.fromJS(data, {}, this);
this.docRows = ko.observableArray();
// add additional properties to each document for presentation
// purposes
for (i = 0; i < this.MyDocs().length; i++) {
var myDoc = this.MyDocs()[i];
myDoc.docObjectId = "docObject" + myDoc.Id();
myDoc.textareaId = "ucHpDocs" + "_txta";
if (i % 5 == 0) {
// create new RowVM and start adding DocsVM to it
} else if (i % 5 == 5) {
// push the RowVM to this.docRows populated with cells
} else {
// add the myDoc to the current RowVM you are working with
}
}
};
关于knockout.js - 如果在 <tr> 和 </tr> 周围,knockoutjs 无容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10213197/
我目前有一堆看起来像这样的行: txt = "Can't print the value for "+arguments[1]+" before it's set"; 我在做 $('#mydiv').
我有一个网站,我试图以移动格式显示,但在宽屏幕上显示。我确信 iframe 是要走的路。 我正在尝试将 iframe 加载到 iPhone 的图像中。你可以看到一个例子 here . 一旦你看到它,你
我正在尝试使用 Xcode 中的 Storyboard创建如下所示的 View 。 为此,我添加了一个按钮和一个带有约束的标签,但这就是我得到的结果。文本不会从复选框下方开始。实现此目的的一种方法是创
我正在与 css 斗争以将文本包装在 div 中。我应用了空格、分词但没有任何反应。 链接 http://fiduciaryconsulting.org/index.php/services/90-s
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and th
正如标题所说 - 如何将文本环绕在伪元素周围?请参见下面的示例: .area { position: relative; } .area:before { content: '';
每次我尝试在 CSS 中做一些看似简单的事情时,它都行不通。 我有一个包含 460x160 图像的内容 div。我想做的就是将图片放在右下角,然后用文字环绕它。 text text
每次我尝试在 CSS 中做一些看似简单的事情时,它都行不通。 我有一个包含 460x160 图像的内容 div。我想做的就是将图片放在右下角,然后用文字环绕它。 text text
我有一个流式布局,它已经为我工作了一段时间。我漂浮 不是右就是左。一个 div 通常会有一个图像和一个标题。 文本项正确地环绕在 float 周围。但是某些元素没有: 将做以下两件事之一:他们要么侵入
这是我的问题。我在另一个 div 中有内联 block div。 .timeEvents { width: 100%; overflow: hidden; text-align: cent
使用float,我可以让文本环绕figure标签中的图像,而不是环绕figcaption标签,因为出色地。将 float 添加到 figcaption 不会这样做。有什么建议吗? 下面的代码在这里:h
如何让 div 2 环绕 div 1 ? (两个 div 都包含文本) +---++------------------+ | || | | 1 ||
我有一个场景,我需要转换一个可以被 *this 链接的函数返回 std::optional>而不是 T& (原因超出了这个问题的范围)。我使用 std::reference_wrapper 的原因是因
我想我彻底搜索了这个网站,但找不到我的问题的答案;我也认为这很简单,但是经过几个小时的困惑之后,我已经放弃并决定寻求帮助...... 这是我的问题;我有一个 DIV,里面有两个 DIV;第一个 DIV
我有一个文本区域字段,其右上角有一个 div 框。我进行了广泛的搜索,但找不到一种方法可以让输入文本区域的文本环绕 div。 #wrapper { position: relative; wi
所以我在使用 FancyBox 时遇到了这个问题,当滚动页面主体(主页)时,框会随机向左和顶部移动位置。 附上 GIF 演示问题: 据我所知,我正在使用 Fancybox v2。 网址是here (在
我的 coinslider 周围有一个容器 div。我想围绕这个容器 div 包装文本。如何实现这一目标? 现在我的 HTML 设置如下: 我的 CSS 是这样设置的: #mycontain
每次我尝试在 CSS 中做一些看似简单的事情时,它都行不通。 我有一个包含 460x160 图像的内容 div。我想做的就是将图片放在右下角,然后用文字环绕它。 text text
我有一个名为“content”的 DIV,其中我有一个图像作为边框/框架,我想绕过它。我都有一个大的整个框架(左、右、上、下),它与它应该的宽度相匹配,而且我把它切碎了,所以我有四个单边框图像(lef
我正在使用 fieldset 在 div 周围创建带标题的边框。 这是代码: Sproc Details:
我是一名优秀的程序员,十分优秀!