【问题标题】:jquery datatables, custom sorting on server side [closed]jquery数据表,服务器端的自定义排序[关闭]
【发布时间】:2016-01-07 07:13:53
【问题描述】:

我使用的是 Laravel 4.2,带有服务器端 jQuery 数据表。

包裹:https://github.com/Chumper/Datatable

如何添加自定义排序?

比如货币、时间等列

【问题讨论】:

  • 用类似github.com/lazymofo/datagrid的东西怎么样,或者用github.com/ais-one/datagrid_ext扩展它
  • @AaronGong 还有其他可用选项,但我已经在几页上集成了数据表,我不想重写。
  • 好的,祝你好运,我也在查看数据表和其他一些类似的杂物,最终得到了lazymofo datagrid。

标签: jquery laravel datatables laravel-4.2


【解决方案1】:

注意:这没有使用 Chumper/Datatable 包,但它确实使用了 jQuery 数据表,所以可能会有一些用处。

这就是我的做法。这是一个场景,我有一张桌子,里面有美式橄榄球队。每个团队都是会议的成员,会议是一个部门的一部分。可以按团队名称、会议或部门对团队进行排序。下面是用于实现这一点的服务器端代码。此外,它们可以按会议或部门过滤。

/*
 * Route::get( 'api/v1/teams-table', 'APIController@teamsTable' );
 */
public function dataTable() {
    // get the input parameters
    $i = Input::all();

    // parse the parameters and set default values
    $draw   = isset( $i[ 'draw'   ] ) ? $i[ 'draw'   ] : 1;
    $start  = isset( $i[ 'start'  ] ) ? $i[ 'start'  ] : 0;
    $length = isset( $i[ 'length' ] ) ? $i[ 'length' ] : 10;
    $search = isset( $i[ 'search' ][ 'value' ] ) && '' != $i[ 'search' ][ 'value' ] ? $i[ 'search' ][ 'value' ] : false;
    $ordrby = isset( $i[ 'order'  ] ) ? $i[ 'columns' ][ $i[ 'order' ][ 0 ][ 'column' ] ][ 'name' ] : '';
    $ordrdr = isset( $i[ 'order'  ] ) ? $i[ 'order' ][ 0 ][ 'dir' ] : 'asc';
    $total  = Team::count();
    $filter = $total;


    // get the data
    if ( '' == $search ) {
        switch( $ordrby ) {
            case 'name':
                $teams = Team::with( 'conferences', 'logo', 'conferences.division' )
                    ->skip( $start )
                    ->take( $length )
                    ->orderBy( 'name', $ordrdr )
                    ->get();
                break;
            case 'conference':
                $teams = Team::with( 'conferences', 'logo', 'conferences.division' )
                    ->join( 'conference_team', 'conference_team.team_id', '=', 'teams.id' )->join( 'conferences', 'conferences.id', '=', 'conference_team.conference_id' )
                    ->orderBy( 'conferences.abbr', $ordrdr )
                    ->skip( $start )
                    ->take( $length )
                    ->get();
                break;
            case 'division':
                $teams = Team::with( 'conferences', 'logo', 'conferences.division' )
                    ->skip( $start )
                    ->take( $length )
                    ->conference()
                    ->division()
                    ->orderBy( 'abbr', $ordrdr )
                    ->get();
                break;
            default:
                $teams = Team::with([ 'conferences', 'logo', 'conferences.division' ])
                    ->skip( $start )
                    ->take( $length )
                    ->get();
        }
    } else {
        $teams = Team::with( 'conferences', 'logo', 'conferences.division' )
            ->skip( $start )
            ->take( $length )
            ->where( 'name', 'LIKE', '%' . $search . '%' )
            ->orWhereHas( 'conferences', function( $q ) use ( $search ) { 
                $q->where( 'abbr', 'LIKE', '%' . $search . '%' )
                    ->orWhereHas( 'division', function( $qu ) use ( $search ) {
                        $qu->where( 'abbr', 'LIKE', '%' . $search . '%' );
                    }); 
            })
            ->get();
        $filter = Team::with( 'conferences', 'logo', 'conferences.division' )
            ->where( 'name', 'LIKE', '%' . $search . '%' )
            ->orWhereHas( 'conferences', function( $q ) use ( $search ) { 
                $q->where( 'abbr', 'LIKE', '%' . $search . '%' )
                    ->orWhereHas( 'division', function( $qu ) use ( $search ) {
                        $qu->where( 'abbr', 'LIKE', '%' . $search . '%' );
                    }); 
            })
            ->count();
    }

    // loop through the retrieved data and format it to be returned as JSON
    $data = [];
    foreach ( $teams as $t ) {
        $show = URL::route( 'admin.team.show', $t->slug );
        $edit = URL::route( 'admin.team.depth_chart', $t->slug );
        $data[] = [
            'checkbox'   => '<label><input type="checkbox" class="ace" value="' . $t->id . '" /><span class="lbl"></span></label>',
            'logo'       => '<img src="' . $t->logo->filename . '" alt="' . $t->name . ' logo" height="40">',
            'name'       => [
                'display' => link_to_route( 'admin.team.show', $t->name, [ $t->slug ] ),
                'filter'  => $t->name,
                'sort'    => $t->name,
            ],
            'conference' => [
                'display' => link_to_route( 'admin.conference.show', $t->conferences[ 0 ]->abbr, [ $t->conferences[ 0 ]->slug ] ),
                'filter'  => $t->conferences[ 0 ]->name . ' ' . $t->conferences[ 0 ]->abbr,
                'sort'    => $t->conferences[ 0 ]->abbr,
            ],
            'division'   => [
                'display' => link_to_route( 'admin.division.show', $t->conferences[ 0 ]->division->abbr, [ $t->conferences[ 0 ]->division->slug ] ),
                'filter'  => $t->conferences[ 0 ]->division->name . ' ' . $t->conferences[ 0 ]->division->abbr,
                'sort'    => $t->conferences[ 0 ]->division->abbr,
            ],
            'site'       => '<a target="_blank" href="' . $t->url . '">website <i class="fa fa-external-link"></i></a>',
            'actions'    => sprintf( $this->actions, $show, $edit, $show, $edit ),
        ];
    }

    $tdata = [
        'draw'            => $draw,
        'recordsTotal'    => $total,  //consider caching or setting fixed value for this
        'recordsFiltered' => $filter,
        'data'            => $data,
    ];

    return Response::json( $tdata );
}

如果运气好的话,您可以调整此示例以适应您的情况。希望这会有所帮助!

【讨论】:

    【解决方案2】:

    我就是这样做的

    n.b.它没有优化。或多或少是一个完整的代码sn-p,没有错误检查

    laravel 控制器功能(它是 L5.2 但很容易降级到 4.2):

        $response = array();
        $query = MyModel::query();
    
        $response['recordsTotal'] = MyModel::count();
        $response['draw'] = Input::get('draw', 0);
    
        $query->where('searchField', 'LIKE', '%' . Input::get('search', array('value' => ''))['value'] . '%');
        $response['recordsFiltered'] = $query->count();
    
        $query->take(Input::get('length', 1));
        $query->offset(Input::get('start', 0));
    
    
        $columns = Input::get('columns');
        $orders = Input::get('order', []);
    
        $data = $data->toArray();
        foreach($orders as $order){
            $idx = $order['column'];
            $column = $columns[$idx];
    
            $orderFactor = 1;
            if($order['dir'] == 'desc')
                $orderFactor = -1;
            $dname = $column['data'];
            if(count($data)>0){
                if(isset($data[0][$dname])){
                    usort($data, function($record1, $record2) use($dname, $orderFactor){
                        // here you implement your custom sorting
                        // like if($dname === 'price') return compare_price($record1[$dname], $record2[$dname]) * $orderFactor; 
                        // but I hope you're not storing prices as strings in your database. you won't need this custom sorting
                        //
                        return strcmp($record1[$dname], $record2[$dname]) * $orderFactor;
                    });
                }
            }
        }
        $response['data'] = $data;
        return Response::json($response);
    

    附言此代码假定数据表列的“数据”字段的名称与数据库中的字段名称完全相同。 您还需要使用 render_function 来根据需要呈现数据表列

    数据表列:

    columns: [
        { data: 'price', orderable: true, searchable: true, render: render_price },
        { data: 'anotherField' },
        [...]
    ],
    

    render_function 示例:

        function render_price(price, type, row) {
            return price + ' USD';
        }
    

    这样您的数据表将按照您想要的方式显示列(例如价格 = 10.50 美元)

    它们将是可排序的

    【讨论】:

      【解决方案3】:

      如果您尝试按任意顺序对集合或查询结果进行排序,您可以执行以下操作:

      $orders = Order::all()->SortBy('currency','desc');
      

      $customers = Customers::where('age',$age)->orderBy('currency','desc')->get();
      

      顺便问一下,既然已经有 Laravel 8,为什么还要使用 Laravel 4?

      【讨论】:

      • "对了,既然已经有 Laravel 8,为什么你还在使用 Laravel 4?"因为这是一个 6 岁的问题?
      【解决方案4】:

      不确定custom sorting 是否是指通过单击标题对行进行排序?如果这就是您的意思,那么您可以通过定义数据表设置在客户端定义它们。

      oSettings = $("#{{$table->getId()}}").dataTable().fnSettings();
      oSettings.aaSorting = [[6, 'desc']];
      

      但是如果你想在数据表加载时保持特定列的默认排序,那么

      Datatable::table()
              ->addColumn($theader)       // these are the column headings to be shown
              ->setOptions('order', array([$ordercolumn ,"desc"]))
              ->setUrl(route('route.name', $form_id))   
              ->render()
      

      我希望这会有所帮助。

      【讨论】:

        【解决方案5】:

        您没有检查文档吗?因为那里有解释:

        public function getDatatable() { return Datatable::collection(User::all(array('id','name'))) ->showColumns('id', 'name') ->searchColumns('name') ->orderColumns('id','name') ->make(); }
        

        【讨论】:

        • 我问的是自定义排序,而不是列顺序或其他任何内容。您的答案中的自定义排序在哪里,请告诉我。
        • 自定义排序是什么意思?请给出更好的解释或例子。
        • datatables.net/plug-ins/sorting/currency - 用于客户端 JS 解决方案,我在服务器端看起来相同。
        猜你喜欢
        • 2011-01-08
        • 1970-01-01
        • 2012-04-24
        • 2020-08-18
        • 2012-08-22
        • 2010-11-01
        • 2018-07-03
        • 1970-01-01
        • 2016-02-26
        相关资源
        最近更新 更多