1
2
3
4
var options = gridView.getSortingOptions();

options.enabled = !options.enabled;
gridView.setSortingOptions(options);

1
2
3
4
5
6
7
var colName = $("#columnList").val();

if (colName) {
    var proxy = gridView.columnByName(colName);
    proxy.sortable = !proxy.sortable;
    gridView.setColumn(proxy);
}

1
2
3
4
5
gridView.orderBy([]);

gridView.setSortingOptions({
  style: "none"
});

1
2
3
4
5
gridView.orderBy([]);

gridView.setSortingOptions({
  style: "exclusive"
});

1
2
3
4
5
gridView.orderBy([]);

gridView.setSortingOptions({
  style: "inclusive"
});

1
2
3
4
5
gridView.orderBy([]);

gridView.setSortingOptions({
  style: "reverse"
});

1
2
3
4
5
gridView.orderBy([]);

gridView.setSortingOptions({
  handleVisibility: "hidden"
});

1
2
3
4
5
gridView.orderBy([]);

gridView.setSortingOptions({
  handleVisibility: "visible"
});

1
2
3
4
5
gridView.orderBy([]);

gridView.setSortingOptions({
  handleVisibility: "always"
});

1
2
3
4
5
6
7
8
9
10
11
12
13
gridView.setSortingOptions({
  imageHandle: true,
  handleImages: {
      ascending: "/Images/desc.png",
      descending: "/Images/asc.png",
      hoveredAscending: "/Images/desc_hov.png",
      hoveredDescending: "/Images/asc_hov.png",
      none: "/Images/none.png",
      hoveredNone: "/Images/none_hov.png"
  }
});

gridView.refresh();

1
2
3
4
5
6
7
8
9
10
gridView.setSortingOptions({
  showSortOrder: true, 
  sortOrderStyles: {
    font:"굴림체", 
    fontSize:10, 
    fontBold:true, 
    foreground:"#ffff8888", 
    textAlignment:"far"
  }
});