API Docs for: 0.2
Show:

JC.ServerSort Class

数据库全表排序逻辑

require: JC.BaseMVC

JC Project Site | API docs | demo link

页面只要引用本脚本, 默认会处理 [div|tr] class="js_compServerSort"

可用的 HTML attribute

cssUrl = url, default = location.href
要翻页的URL
cssSortName = string, default = sortby
排序的字段名
cssTypeName = string, default = sorttype
排序的类型名: desc, asc
cssItems = selector, default = |a[sortName]
排序的具体字段选择器
cssTypeEnum = string, default = desc,asc
排序的种类
cssClassEnum = string, default = js_cssDesc,js_cssAsc
显示排序样式的 CSS class
cssCurClassEnum= string, default = js_cssDesc_cur,js_cssAsc_cur
显示当前排序字段样式的 CSS class
cssResetUrlParams = string, default=page
页面跳转时, 要重置的 URL 参数
cssUrlFilter = function, window 变量域
页面跳转前, 过滤 url 的回调
function urlFilter( _url ){
   _url = JC.f.addUrlParams( _url, { rnd: JC.f.ts() } );
   return _url;
}
cssDefaultSortName = string, default = first item[sortName]
默认排序字段
cssDefaultType = string, default = desc
默认排序类型

Constructor

JC.ServerSort

(
  • _selector
)

Parameters:

Example:

   <table class="data-table" width="90%">
       <thead>
           <tr class="js_compServerSort"
               cssUrl="URL"
               cssSortName="sortby"
               cssTypeName="sorttype"
               cssItems="|a[sortName]"
               cssTypeEnum="desc,asc"
               cssClassEnum="js_cssDesc,js_cssAsc"
               cssCurClassEnum="js_cssDesc_cur,js_cssAsc_cur"
               cssResetUrlParams="pz,page"
               cssUrlFilter="urlFilter"
               >
               <th><a href="javascript:;" sortName="order">序号</a></th>
               <th><a href="javascript:;" sortName="keyword">关键词</a></th>
               <th><a href="javascript:;" sortName="dpv">日均PV</a></th>
               <th><a href="javascript:;" sortName="irate">行业添加率</a></th>
               <th><a href="javascript:;" sortName="dprice">平均出价</a></th>
               <th><a href="javascript:;" sortName="drate">日均点击率</a></th>
           </tr>
       </thead>
       <tbody>
           <tr>
               <td>2</td>
               <td>关键词</td>
               <td>1000</td>
               <td>1000</td>
               <td>20.00</td>
               <td>3000</td>
           </tr>
           <tr class="even">
               <td>1</td>
               <td>关键词</td>
               <td>1000</td>
               <td>1000</td>
               <td>20.00</td>
               <td>3000</td>
           </tr>
       </tbody>
   </table>

Methods

_beforeInit

() private

初始化之前调用的方法

_init

(
  • _selector
)
private

内部初始化方法

Parameters:

  • _selector Selector

_inited

() private

内部初始化完毕时, 调用的方法

_initHanlderEvent

() private

内部事件初始化方法

init

(
  • _selector
)
Array of ServerSortInstance static

初始化可识别的 ServerSort 实例

Parameters:

  • _selector Selector

Returns:

Array of ServerSortInstance:

notification

(
  • _evtName
  • _args
)

通知选择器有新事件
JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件

Parameters:

notificationHandler

(
  • _evtName
  • _args
)

通知选择器有新事件, 有返回结果
JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件

Parameters:

Returns:

:

on

(
  • _evtName
  • _cb
)

使用 jquery on 绑定事件

Parameters:

Returns:

BaseMVCInstance

selector

()

获取 显示 BaseMVC 的触发源选择器, 比如 a 标签

Returns:

selector

trigger

(
  • _evtName
  • _args
)

使用 jquery trigger 触发绑定事件

Parameters:

Returns:

BaseMVCInstance

triggerHandler

(
  • _evtName
  • _args
)

使用 jquery triggerHandler 触发绑定事件

Parameters:

Returns:

: