## JsViews
#### 渲染类
**在页面上渲染固定内容或固定格式的内容**
```typescript
//根据src的路径获取远程脚本内容,或直接返回内部的html元素
$.fn.loadRemoteTmpl
///同步加载html内容
$.LoadHtml(tmplName: string)
//e.g.
$.LoadHtml("view/test");//加载html内容
//同步模式读取模板文件的方法
$.Loadtmpl(tmplName: string)
//e.g.
$.Loadtmpl("#testTmpl");//加载html模板
//绑定模板和数据
$.fn.Link = function (tmpl: string, data: any)
//e.g.
$("tbody").Link("#test",result.Data);//将模板渲染至"tbody"中，双向绑定。
//用模板和数据生成html
$.fn.Render = function (tmpl: string, data: any)
//e.g.
$("tbody").Render("#test",result.Data);//将模板渲染至"tbody"中
```
----
#### 辅助方法
##### `converters`
**用于在JsRender模板中格式化数据**
```typescript
ToPre(str: string) //在最后一个'/'后插入'pre'，用于输出预览图
ToDate(value: any) //返回YYYY-MM_DD
ToFullDateTime(value: any)//返回本地格式的时间
ToDateHz(value: any) //返回年月日
ToWeekDate(value: any) //返回月日 (周几)
ToDateTime(value: any) //返回年月日 时:分
ToDateTime2(value: any) //返回YYYY-MM-DD HH:MM:SS
//e.g.
var data.Date = '2016-12-12 16:36:25.470';
data.Pic = '/upload/123.png';
...
<p>{{ToDate:Date}}</p>
//输出<p>2016-12-12</p>
<p>{{ToFullDateTime:Date}}</p>
//输出<p>12/12/2016, 4:36:25 下午</p>
<p>{{ToDateHz:Date}}</p>
//输出<p>2016年12月12日</p>
<p>{{ToWeekDate:Date}}</p>
//输出<p>2016年12月 (周一)</p>
<p>{{ToDateTime:Date}}</p>
//输出<p>2016年12月12日 16时:36分</p>
<p>{{ToDateTime2:Date}}</p>
//输出<p>2016-12-12 16:36:25</p>
<p>{{ToPre:Pic}}</p>
//输出'/upload/pre/123.png',用于输出预览图
```
##### `helpers`
**用于在JsRender模板中格式化数据，可传参。**
```typescript
subString(str: string, n: number)//将目标位置替换成'...',用于输出不同大小的预览图
subStringNoHtml(str: string, n: number)//将目标位置替换成'...'（忽略html tag）
ToPre(str: string, preType: string)//在最后一个'/'后插入文本
//e.g.
var data.Value = "123";
data.Html = '<p>123</p>';
data.Pic='/upload/123.png';
...
<p>{{:~subString(Value,2)}}</p>
//输出<p>12...</p>
<p>{{:~subStringNoHtml(Value,2)}}</p>
//输出<p>12...</p>
<p>{{:~ToPre(Pic,'BigPre')}}</p>
//输出'/upload/BigPre/123.png',用于输出不同大小的预览图
```
