1

我有一个数据网格，其中每一行都有一个列，我在其中定义了一个格式化程序来格式化显示结果，具体取决于它在数据库中所说的内容，并根据数据库创建div一个背景颜色。

我的数据网格有这个结构：

structure: [
  {
    name: "Name",
    field: "name",
    width: "auto"
  },
  {
    name: "Initials",
    field: "initials"
  },
  {
    name: "E-mail",
    field: "email",
    width: "auto"
  },
  {
    name: "Kerberos",
    field: "kerberos",
    width: "120px",
    formatter: function(kerberos){
      var format = "";

      if(kerberos == "password expired" || kerberos == "account expired"){
        format = '<div class="yellow" title="'+kerberos+'">'+kerberos+'</div>';
      }else if(kerberos == "ok"){
        format = '<div class="green" title="'+kerberos+'">'+kerberos+'</div>';
      }else{
        format = '<div class="red" title="Has no kerberos account">not available</div>';
      }

      return format;
    }
},

当我按列标题进行排序时，它对行进行排序，放置不一致，所以我不知道它是否正确排序（见下图）。如何定义数据网格必须对该列进行排序的方式？

它是如何排序的

<div...>由于字符的原因，我认为这是我在格式化程序中执行的 HTML部分<>，但如果我只输出文本（根据我的理解，应该按字母顺序排序），它仍然很奇怪。有谁知道为什么会发生这种情况以及我该如何解决？

编辑： 忘记添加我如何获取/分配数据。我从 JSON 格式的 xhr.post 中获取大量数据，然后执行以下操作：

dojo.xhr.post({
    url: "/cgi-bin/users.cgi",
    handleAs: "json",
    content: {
      psearch: "dojoXhrBlank"
    },
    load: function(jsondata){
      // Creating a store for the datagrid
      var personStore = new Memory({ data: jsondata });

      // Create datastore for datagrid
      var gridStore = ObjectStore({objectStore: personStore});
      ...
4

1 回答 1

2

我找到了答案。问题在于ObjectStore。该商店（出于某种原因）无法正确排序，并且在将商店类型更改为正确排序后ItemFileReadStore。切换存储的另一个原因是ItemFileReadStore它还支持comparatorMap允许自定义排序的属性，ObjectStore不支持此属性。

解决方案：

load: function(jsondata){      
      var store = new ItemFileReadStore({
        data: { identifier: "id", items: jsondata }
      });

      pgrid = new DataGrid({
        store: store,
        ...
于 2012-05-15T06:48:30.677 回答