Sh.Knockout 1.0.1

KO 与jqurey validate 的验证集成

简单 记录一下 本来是想 设计一个 partview 但是发现集成起来没有多少代码 就直接写了文昌的 方比那自己 ，使用及,这里表单模型验证都应以在 Model 上了 这需要你有 asp.net web 开发经验就欧克了

页面要引用:

<form id="form" asp-page="" data-bind="event:{submit:function(){save($element)}}" method="post">
    <input asp-for="Model.Name" />
    <span asp-validation-for="Model.Name"></span>
    <button type="submit">save</button>
</form>
<partial name="_ValidationScriptsPartial" />
<script src="~/lib/knockout/build/output/knockout-latest.js"></script>
<script>
     var vm = {         
        save: function (t) {
            $form = $(t);
            // $.validator.unobtrusive.parse($form);这里用于一部加载试图时需要 设置这个初始化
            // $form.validate(); // 手动调用验证
            if ($form.valid()) {
                $.post($form.attr("action"), $("form").serialize(), function (result) {
                    console.info(result);
                })
            }
        }
    }
    ko.applyBindings(vm);
</script>

分页 的用法

客户端分页

使用的是 ko js 做的分页，分为两种使用方式 ，

都需要引用.ko ，及 kopage.js 接口返回的数据结构是 \

json:
	{count:100 ,data:[]};

ViewModel 中包含 page 模型

这种方式使用 PageViewInside 在shared 文件夹中

@{
	var pa = "page"； //此处的ｐａｇｅ　与　page: pa　配置为一样
}
<script src="/_content/Sh.Knockout/js/kopage.js"></script>
<partial name="PageViewInside" model="pa" /> 
<script>
	function cal(data) {
		console.info("sssssssssss", data);
		//这里绑定你的 table
	}
	var pa =  new kopage(cal, 'https://localhost:44346/Index/Ge', null, 5, 20, 2020);
	var vm = {
		page: pa
	}
	ko.applyBindings(vm);
</script>

ViewModel 中不包含 page 模型

这种方式使用 PageViewOutSide 在shared 文件夹中

<script src="/_content/Sh.Knockout/js/kopage.js"></script>
 <partial name="PageViewOutSide"  />
 
 function cal(data) {
    console.info("sssssssssss", data);
	 //这里绑定你的 table
}
 var pa =  new kopage(cal, 'https://localhost:44346/Index/Ge', null, 5, 20, 2020);
 ko.applyBindings(pa, document.getElementById("kopage"));

服务端分页

使用方

// 页面模型	必须是 Sh.Knockout.PageViewModel<t>
@Html.Partial("PageView",Model.ToPageViewModel("onclick='reload({0})'"))
<script>
	function reload(id) {
		var searchdata = $("#searchform").serialize();
		window.location.href = "/Letyoufly/ADlist?take=20&index=" + id + "&" + searchdata
	}
</script>