## 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',用于輸出不同大小的預覽圖
```
