SharePoint Online 建立个人审批列表

　　前言

　　咱们建立了不少须要审批的单子，可是，从哪里看到这些单子呢？这篇文章就为你们介绍，该如何去作。

　　正文

　　1.建立一个web部件页，随便选一个模板，以下图：

　　为何随便选一个模板，以前已经介绍过了，这里再重复一遍，由于咱们后续代码会重作这块内容，模板都会被删掉

 

　　2.建立好的页面，咱们首先改一个好听的名字，而后签出后在高级模式下编辑，以下图：

 

　　3.在头部添加咱们须要引用的脚本和样式表，以下图：

　　咱们这里只用到这几个，若是你调用别的框架，有其余需求在这个位置引用就能够了

 

　　4.下面节点里就是内容部分，咱们须要删掉placeholdermain节点里的代码，这个节点不要删掉，不然会报错，以下图：

 

　　5.在页面上添加咱们的样式，而后添加数据表格代码，初始化表格工具栏代码（Table上方的工具栏），行操做工具栏代码，以下图：

　　这个没什么特别的，都是layui里面的方法，若是用其余前端控件库，按照他们的方法初始化就能够了

 

　　6.在页面上初始化表格工具栏事件、行操做工具栏事件，并去到SharePoint列表获取数据后绑定到数据表格，以下图：

 

　　7.获取数据是SharePoint JavaScript对象模型的方法，就是去获取到数据，而后用table.render初始化到数据表格里，以下图：

　　里面用到一句简单的查询（CamlQuery），查询建立者是当前登陆人的项目，而且按照建立时间倒序

 

　　8.删除项目的方法，也就是点击删除的时候调用，以下图：

 

　　9.整个功能的效果，点击建立申请跳到新建页面，项目的查看、编辑和删除操做，若是项目状态是Submit则只能查看，不能删除和编辑。

 

　　结束语

　　整个功能仍是很简单的，就是SharePoint JavaScript对象模型和layui控件相结合，对于有前端经验的朋友来讲，入门是很是简单的。