2013-10-14 3 views
0

У меня очень простая таблица, использующая самые простые функции jQuery EasyUI, и она просто не сортируется для меня. Вот JSFiddlejQuery EasyUI datagrid: Сортировка по статическим данным не работает

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css"> 
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css"> 
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo.css"> 

    <script src="http://www.jeasyui.com/easyui/jquery.min.js"></script> 
    <script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script> 
</head> 
<body> 
    <table class="easyui-datagrid" title="Unallocated Subnets" data-options="singleSelect:true"> 
     <thead> 
      <tr> 
       <th data-options="field:'a',width:80,sortable:true">A</th> 
       <th data-options="field:'b',width:80,sortable:true">B</th> 
       <th data-options="field:'c',width:80,sortable:true">C</th> 
       <th data-options="field:'d',width:80,sortable:true">D</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>a</td><td>a</td><td>a</td><td>a</td> 
      </tr> 
      <tr> 
       <td>b</td><td>b</td><td>b</td><td>b</td> 
      </tr> 
     </tbody> 
    </table> 
</body> 

Любая помощь очень ценится.

ответ

0

Я смотрел пример сортировки на jquery-easyui, и похоже, что он был разработан для работы с серверными данными (php). Или данные, загруженные в сетку из базы данных. И не на жестких закодированных данных, как в вашем примере.

Взгляните на этот пример .. И обратите внимание на код php, включенный в него. И пример, который вы можете скачать внизу.

http://www.jeasyui.com/tutorial/datagrid/datagrid8.php 
+0

жаль я отредактирован неправильно пост я добавил эти свойства, я не предполагал, что я могу изменить чью-нибудь пост ... –

0

Я ищу такую ​​же функциональность. кажется, что вам нужно определить свой собственный сортировщик на этот пост http://www.jeasyui.com/tutorial/datagrid/datagrid14.php

Существует также свойства:

  • sortName
  • SortOrder дать ему попробовать ....
2

Все, что необходимо для сортировки на стороне клиента:

remoteSort:false 
0

вы можете попробовать такой код, это работа

<table class="easyui-datagrid" title="somedata" sortName="a" sortOrder="desc" remoteSort="false"> 
<thead> 
    <tr> 
     <th field="a" width="80" sortable="true">A</th> 
     <th field="b" width="80">B</th> 
     <th field="c" width="80">C</th> 
     <th field="d" width="80">D</th> 
    </tr> 
</thead> 

попробовать здесь http://jsfiddle.net/kapasaja/gyMQr/6/

Смежные вопросы