zoukankan      html  css  js  c++  java
  • EasyUI DataGrid 添加排序

    这个事例演示了如何在点击列头的时候排序

    DataGrid中全部的列可以通过点击列头被排序。你可以定义可以被排序的列。默认的,列不能被排序除非你设置sortable属性为TRUE,下面是例子:
    标记

    <table id="tt"></table>
    jQuery
    $('#tt').datagrid({
        title:'Sortable Column',
        550,
        height:250,
        url:'/demo4/data/getItems',
        columns:[[
            {field:'itemid',title:'Item ID',80,sortable:true},
            {field:'productid',title:'Product ID',80,sortable:true},
            {field:'listprice',title:'List Price',80,align:'right',sortable:true},
            {field:'unitcost',title:'Unit Cost',80,align:'right',sortable:true},
            {field:'attr1',title:'Attribute',100},
            {field:'status',title:'Status',60}
        ]],
        pagination:true,
        sortName:'itemid',
        sortOrder:'asc'
    });

    我们定义一些可排序的列,包括itemid,productid,listprice,unitcost等。attr1列和status列不能被排序。我们设置默认排序列:itemid,按asc(升序)排序。
    当排序时, DataGrid发送两个参数到服务器:
    · sort: 排序列字段名 
    · order: 排序次序: 'asc' 或 'desc', 默认为'asc'. 
    我们使用etmvc framework 写后台服务器代码,首先定义数据模型

  • 相关阅读:
    离开学校一年多
    ZOJ Problem Set–1337 Pi
    Old Bill
    ZOJ Problem Set–1382 A Simple Task
    ZOJ Problem Set 2975 Kinds of Fuwas
    ZOJ Problem Set 2952 Find All M^N Please
    Generate Passwords
    Java 数据类型转换之字符串
    ZOJ Problem Set 2987 Misspelling
    Digital Roots
  • 原文地址:https://www.cnblogs.com/huangf714/p/5911835.html
Copyright © 2011-2022 走看看