首页 技术 正文
技术 2022年11月23日
0 收藏 996 点赞 4,182 浏览 963 个字

在上一篇我的第一个FluentNHibernate例子的基础上,我们用上knockoutjs

1用nuget添加knockoutjs包

2用nuget添加json.net包

3..在Index.cshtml中添加

<script src="~/Scripts/knockout-3.4.0.js"></script>

4.添加script在table后面

<script>
function ViewModel(items) {
var self = this;
self.items = items;
} var viewmodel = new ViewModel(@Html.HtmlConvertToJson(Model));
ko.applyBindings(viewmodel);
</script>

ViewModel

5.修改Index.cshtml

<thead>
<tr>
<th>@Html.DisplayNameFor(model => model.Name)</th>
<th>@Html.DisplayNameFor(model => model.Age)</th>
<th>@Html.DisplayNameFor(model => model.Description)</th>
</tr>
</thead>
<tbody data-bind="foreach:items">
<tr>
<td data-bind="text:Name"></td>
<td data-bind="text:Age"></td>
<td data-bind="text:Description"></td>
<td><a data-bind="attr:{href:'@Url.Action("Edit")/'+Id}" class="btn btn-primary">Edit</a>
<a data-bind="attr:{href:'@Url.Action("Delete")/'+Id}" class="btn btn-danger">Delete</a></td>
</tr>
</tbody>

Index,cshtml

结果:

我的第二个FluentNHibernate例子with Knockout

完整代码:

链接:http:/https://www.shuzhiduo.com/pan.baidu.com/s/1o88FxQ6

密码: 74r7

这是一次knoutoutjs的尝试,不对之处望大家指正

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,157
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,625
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,470
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,242
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,878
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:5,045