- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是新的knockout.js,我正在使用x-editable和knockout-x-editable来绑定(bind)数据输入表单,如下所示,
<table>
<tbody>
<tr data-bind="foreach: employee">
<td class="span1">
<span data-bind="visible: $index() == 0">Firstname</span>
</td>
<td class="span1 protected">
<span data-bind="editable: Firstname, editableOptions: { name:'Firstname', pk: ID"></span>
</td>
</tr>
<tr data-bind="foreach: employee">
<td class="span1">
<span data-bind="visible: $index() == 0">Lastname</span>
</td>
<td class="span1 protected">
<span data-bind="editable: Lastname, editableOptions: { name:'Lastname', pk: ID"></span>
</td>
</tr>
</tbody>
</table>
行应按如下方式转置
Firstname | Firstname1 | Firstname2 | Firstname3Lastname | Lastname1 | Lastname2 | Lastname3
我想使用 knockout 模板,有没有更好的方法来实现这一点?非常感谢对此的任何帮助。
最佳答案
无论如何,您都需要循环访问同一个列表两次。使用模板不会给您带来真正的好处。
这是因为您必须告知模板需要渲染员工的哪一部分,并且没有原生方法可以做到这一点。模板旨在呈现一种单一类型的对象。使用相同的模板在同一类型的对象上呈现不同的属性违背了它们的用例。 (另一种选择,即使用两个不同的模板,违背了您的简化意图。)
您可以探索custom bindings ,但我倾向于说“这是过度设计”,并且我怀疑在这种情况下是否值得付出努力。
我会使用虚拟元素(类似于 <!-- ko ... --> <!-- /ko -->
的 HTML 注释)而不是 visible
绑定(bind),但除此之外我的方法看起来与你的大致相同:
<table>
<tbody>
<tr>
<th class="span1">Firstname</th>
<!-- ko foreach: employee -->
<td class="span1 protected">
<span data-bind="
editable: Firstname,
editableOptions: { name: 'Firstname', pk: ID }
"></span>
</td>
<!-- /ko -->
</tr>
<tr data-bind="foreach: employee">
<th class="span1">Lastname</th>
<!-- ko foreach: employee -->
<td class="span1 protected">
<span data-bind="
editable: Lastname,
editableOptions: { name: 'Lastname', pk: ID }
"></span>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
<小时/>
如果您想要将更多属性呈现到表中,您可以更改数据模型:
function ViewModel() {
var self = this;
self.employee = ko.observableArray([/* many employees here */]);
self.properties = ['Firstname', 'Lastname', 'Email', 'Phone', 'Jobtitle'];
}
和
<table>
<tbody data-bind="foreach: properties">
<tr>
<th class="span1" data-bind="text: $data"></th>
<!-- ko foreach: $root.employee -->
<td class="span1 protected">
<span data-bind="
editable: $data[$parent],
editableOptions: { name: $parent, pk: ID }
"></span>
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
请注意,绑定(bind)上下文可以嵌套:foreach: properties
创建一个新上下文,内部上下文 ( foreach: $root.employee
) 可以通过 $parent
引用外部上下文多变的。这样您就可以为员工的不同属性重复使用内部设置(并且您可以在代码中定义输出的顺序)。
$parent
指的是父数据,在这种特定情况下,它是 properties
中的字符串。数组。
关于javascript - knockout 布局和转置行装订,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24735327/
我已经在标准 WPF 控件中实现了一个报告,并且还实现了一个 DocumentPaginator获取这些控件并将它们转换为用于打印的文档。 我还实现了一些使用文档分页器将页面呈现为图像并使用 PDFS
在 C# 中,我有以下代码: public static string GetHashCode(string p) { var a = new SHA256Managed();
您好,我正在尝试在编码后将我的 mysqli 数据库输出到一个 js 文件,我用 json_encode 对其进行编码没有任何问题,但是如何将其放入 js 文件中(每次更新时更新) mysqli数据已
我需要将 select 从 JS 传递到 HTML。 select 应该包含来自 PHP 的 option。 所以,首先我有一个 HTML div,我将在其中添加来自 JS 的内容。
我有一个相当大且复杂的 SVG 代码,它根据页面信息使用 JavaScript 和 jQuery 动态生成。 然后我有一个 AJAX 帖子保存。 我无法将其转换为正确发布图像数据? var canva
我想将我的本地日期 ([NSDate date]) 转换为 GMT 以创建一个 JSON 字符串 (/Date(1324435876019-0000)/)。 当我将时钟设置为 EST 时区时,我的代码
1. 原始单据与实体之间的关系 可以是一对1、一对多、多对多的关系。在一般情况下,它们是一对一的关系:即一张原始单据对应且只对应一个实体。在特殊情况下,它们可能是一对多或多对一的关系,即一张原
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界. 这篇CFSDN的博客文章服务器五大相关基础知识【转】由作者收集整理,如果你对这篇文章有兴趣,记得
Google Apps 脚本 - Gmail 是否会实现 GmailMessage (GmailThread) .getAsPdf() 方法?预期输出与 Gmail 中可用的打印为 PDF 的输出相同
有一个需求是要在一个云监控的状态值中存储多个状态(包括可同时存在的各种异常、警告状态)使用了位运算机制在一个int型中存储。 现在监控日志数据量非常大(亿级别)需要对数据按每小时、每天进行聚合,供
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界. 这篇CFSDN的博客文章1张图看懂RAID功能,6张图教会配置服务器【转】由作者收集整理,如果你
我正在使用 FFMPeg(版本 ffmpeg-20170330-ad7aff0-win64-static)将 RTSP 转换为 .m3u8。 命令是: ffmpeg -rtsp_transport t
我有一个 JTree使用 DefaultTreeModel 的对象作为模型,我添加/删除与该模型相关的节点。 此时,我需要在图形界面中显示树结构,例如 JPanel .如何映射 DefaultTree
我当前正在接收一个文件并将其存储到 NSString 中。然后,我从字符串中创建一个数组并将其呈现在 TableView 中。这在一定程度上有效。我目前收到的数据如下: 公司名称|帐户代码\r\n公司
我需要创建 NSImage cocoa 对象的 base64 字符串表示形式。处理这个问题的最佳方法是什么,苹果文档似乎在这个主题上有点短(或者我只是找不到它)。 Base64 编码从外面看起来相当复
JS 中的 .toISOString() 函数给我这样的字符串: 2015-06-14T20:00:00:000Z 我需要它是这样的: 2015-06-14T20:00:00Z JS 中是否有其他函数
我正在尝试使用 JavaScript 转换 COLORREF: COLORREF : When specifying an explicit RGB color, the COLORREF value
我在这里遇到了这个代码的问题,只是想制作一个小计算器: 打包申请; import javafx.event.ActionEvent; import javafx.scene.control.TextF
我想要做的是能够通过本地PC上的USS通过sshfs挂载主机上的一些文件。我可以做到这一点,但 sshfs 不能直接完成从 EBCDIC 到 ascii/unicode 的转换。有没有我可以设置的标志
我正在尝试在 python 中将一堆 Visio 文件转换为 pdf。我已经引用了这个.doc to pdf using python并编写了以下代码: import comtypes.client
我是一名优秀的程序员,十分优秀!