如何在EXTJS Grid中实现排序

Question

我在extjs网格中遇到问题。我有两个网格列一个是名称，另一个是displayName但我想在两个列中按名称排序意味着我显示名称和名称。当用户在两个列参数中应用排序时，在两种情况下，按网格排序都是sort = name。

[
        {
            header: 'Name',
            dataIndex: 'name',
            shortable: true
        },
        {
            header: 'DisplyName',
            dataIndex: 'displayName',
            shortable: true
        }
    ]

Answer 1

IMO，您可以在网格商店的beforesort event句柄功能中执行此操作。 像这样：

	 // here is the key point
	listeners: {
	    beforesort: function(st, sorters) {
	      console.log(sorters, st);
	      if (sorters.length == 1 && sorters[0].property == 'displayName') {
	        sorters[0].property = 'name';
	      }
	    }
	  }
	  // here is the key point end

a live example