easyui datagrid表格对ip地址排序

可以使用自定义的排序函数来实现对IP地址的排序。首先需要将IP地址转换为数字，然后再进行排序。下面是一个示例代码：

function ipSorter(a, b) {
  function ipToNum(ip) {
    return ip.split('.').reduce(function(result, value) {
      return (result << 8) + parseInt(value, 10);
    }, 0);
  }

  var numA = ipToNum(a), numB = ipToNum(b);
  return numA - numB;
}

$('#datagrid').datagrid({
  columns: [[
    {field:'name',title:'Name',width:100},
    {field:'ip',title:'IP Address',width:100, sorter: ipSorter}
  ]]
});

在上面的代码中，`ipSorter` 函数将IP地址转换为数字，然后进行比较。然后将 `ipSorter` 函数指定为 IP地址列的排序函数。这样就可以对IP地址进行正确的排序了。

相关问题

easyui datagrid某些行不参与排序

您可以通过重写 easyui datagrid 的排序函数来实现某些行不参与排序，具体步骤如下：

1. 在 easyui datagrid 的初始化函数中添加 onSortColumn 事件处理函数，该函数用于重写排序函数：

$('#datagrid').datagrid({
   ...
   onSortColumn: function (sort, order) {
      var rows = $('#datagrid').datagrid('getRows');
      rows = rows.filter(function(row) {
         // 过滤掉不需要参与排序的行
         return row.id !== 1 && row.id !== 3;
      });
      rows.sort(function(a, b) {
         // 在这里实现您自己的排序逻辑
         return a[sort] > b[sort] ? order === 'asc' ? 1 : -1 : order === 'asc' ? -1 : 1;
      });
      // 将过滤后的行重新渲染到 datagrid 中
      $('#datagrid').datagrid('loadData', rows);
   },
   ...
});

2. 在排序函数中，使用 filter 函数过滤掉不需要参与排序的行，然后再使用 sort 函数对剩余的行进行排序。

3. 最后，使用 loadData 函数将排序后的行重新渲染到 datagrid 中。

需要注意的是，排序函数中的 row.id !== 1 && row.id !== 3 是一个示例，您需要根据您自己的需求来编写过滤条件。

easyui datagrid 上下移动数据排序

您可以使用easyui datagrid的`onDrop`事件来实现上下移动数据排序。

首先，您需要在datagrid的初始化中设置`dragSelection`属性为`false`，以禁用默认的拖动选择行为。

然后，您需要监听`onDrop`事件，并通过`getRowIndex`方法获取拖动行和目标行的索引，然后使用`updateRow`方法交换两行的数据。

以下是示例代码：

$('#datagrid').datagrid({
  dragSelection: false,
  onDrop: function (targetRow, sourceRow, point) {
    var targetIndex = $('#datagrid').datagrid('getRowIndex', targetRow);
    var sourceIndex = $('#datagrid').datagrid('getRowIndex', sourceRow);

    // Swap data between source and target rows
    var targetData = $('#datagrid').datagrid('getData').rows[targetIndex];
    var sourceData = $('#datagrid').datagrid('getData').rows[sourceIndex];
    $('#datagrid').datagrid('updateRow', { index: targetIndex, row: sourceData });
    $('#datagrid').datagrid('updateRow', { index: sourceIndex, row: targetData });
  }
});

当用户拖动行并在目标行上释放时，此代码将交换两行的数据并重新渲染datagrid。