https://masonrydesignmagazine.com/DXR.axd?r=1_249-V3vLw&order=12

1ASPx.IS(function(ASPx, dx, DevExpress){
2(function() {
3var CardViewToolbarCommandType = {
4 ClearSorting: "ClearSorting",
5 FullExpand: "FullExpand",
6 FullCollapse: "FullCollapse",
7 ShowHeaderPanel: "ShowHeaderPanel",
8 ShowFilterBuilder: "ShowFilterEditor",
9 ClearFilter: "ClearFilter",
10 ShowSearchPanel: "ShowSearchPanel",
11 ShowSummaryPanel: "ShowSummaryPanel",
12 ShowCustomizationWindow: "ShowCustomizationWindow",
13 ShowCardHeader: "ShowCardHeader",
14 ShowCardFooter: "ShowCardFooter",
15 New: "New",
16 Edit: "Edit",
17 Delete: "Delete",
18 DeleteSelectedCardsOnPage: "DeleteSelectedCardsOnPage",
19 Refresh: "Refresh",
20 Update: "Update",
21 Cancel: "Cancel",
22 UpdateSummaries: "UpdateSummaries"
23};
24var CardViewToolbarHelper = ASPx.CreateClass(ASPx.GridToolbarHelper, {
25 constructor: function(grid) {
26  this.constructor.prototype.constructor.call(this, grid);
27 },
28 ProcessToolbarItemClick: function(e) {
29  var item = e.item,
30   command = this.GetItemCommand(item);
31  switch(command) {
32   case CardViewToolbarCommandType.ShowHeaderPanel:
33    this.ToolbarShowHeaderPanel(item.GetChecked());
34    break;
35   case CardViewToolbarCommandType.ClearSorting:
36    this.ToolbarClearSorting();
37    break;
38   case CardViewToolbarCommandType.FullExpand:
39    this.grid.ExpandAll();
40    break;
41   case CardViewToolbarCommandType.FullCollapse:
42    this.grid.CollapseAll();
43    break;
44   case CardViewToolbarCommandType.ShowFilterBuilder:
45    this.grid.ShowFilterControl();
46    break;
47   case CardViewToolbarCommandType.ClearFilter:
48    this.grid.ClearFilter();
49    break;
50   case CardViewToolbarCommandType.ShowSearchPanel:
51    this.ToolbarShowSearchPanel(item.GetChecked());
52    break;
53   case CardViewToolbarCommandType.ShowSummaryPanel:
54    this.ToolbarShowSummaryPanel(item.GetChecked());
55    break;
56   case CardViewToolbarCommandType.ShowCustomizationWindow:
57    if(!this.grid.IsCustomizationWindowVisible())
58     this.grid.ShowCustomizationWindow();
59    else
60     this.grid.HideCustomizationWindow();
61    break;
62   case CardViewToolbarCommandType.ShowCardHeader:
63    this.ToolbarShowCardHeader(item.GetChecked());
64    break;
65   case CardViewToolbarCommandType.ShowCardFooter:
66    this.ToolbarShowCardFooter(item.GetChecked());
67    break;
68   case CardViewToolbarCommandType.New:
69    this.grid.AddNewCard();
70    break;
71   case CardViewToolbarCommandType.Edit:
72    this.ToolbarStartEdit();
73    break;
74   case CardViewToolbarCommandType.Delete:
75    this.ToolbarDeleteItem();
76    break;
77   case CardViewToolbarCommandType.DeleteSelectedCardsOnPage:
78    this.ToolbarDeleteSelectedVisibleItems();
79    break;
80   case CardViewToolbarCommandType.Refresh:
81    this.grid.Refresh();
82    break;
83   case CardViewToolbarCommandType.Update:
84    this.grid.UpdateEdit();
85    break;
86   case CardViewToolbarCommandType.Cancel:
87    this.grid.CancelEdit();
88    break;
89   case CardViewToolbarCommandType.UpdateSummaries:
90    this.grid.UpdateSummaries();
91    break;
92   default:
93    ASPx.GridToolbarHelper.prototype.ProcessToolbarItemClick.call(this, e);
94    break;
95  }
96 },
97 UpdateBatchPreviewItemsState: function(item, state) {
98  var command = this.GetItemCommand(item);
99  if(command === CardViewToolbarCommandType.UpdateSummaries)
100   item.SetVisible(state.updateSummariesButtonVisible);
101 },
102 ToolbarShowHeaderPanel: function(show) {
103  this.SendToolbarCallback([ "ShowHeaderPanel", show ? 1 : 0 ]);
104 },
105 ToolbarShowSearchPanel: function(show) {
106  this.SendToolbarCallback([ "ShowSearchPanel", show ? 1 : 0 ]);
107 },
108 ToolbarShowSummaryPanel: function(show) {
109  this.SendToolbarCallback([ "ShowSummaryPanel", show ? 1 : 0 ]);
110 },
111 ToolbarShowCardHeader: function(show) {
112  this.SendToolbarCallback([ "ShowCardHeader", show ? 1 : 0 ]);
113 },
114 ToolbarShowCardFooter: function(show) {
115  this.SendToolbarCallback([ "ShowCardFooter", show ? 1 : 0 ]);
116 },
117 ToolbarClearSorting: function() {
118  this.SendToolbarCallback([ "ClearSorting" ]);
119 },
120 IsUpdateEditItem: function(item) {
121  var command = this.GetItemCommand(item);
122  switch(command) {
123   case CardViewToolbarCommandType.Update:
124   case CardViewToolbarCommandType.Cancel:
125    return true;
126  }
127  return false;
128 },
129 IsShowCustomizationWindowItem: function(item) {
130  return this.GetItemCommand(item) === CardViewToolbarCommandType.ShowCustomizationWindow;
131 },
132 RefreshItemBadge: function(item) {
133  if(this.GetItemCommand(item) === CardViewToolbarCommandType.DeleteSelectedCardsOnPage)
134   this.RefreshSelectionBasedItemBadge(item, this.GetSelectedVisibleGridItemCount());
135 },
136 GetToolbarItemEnabled: function(item){
137  var command = this.GetItemCommand(item);
138  switch(command) {
139   case CardViewToolbarCommandType.Edit:
140    return this.GetEditItemEnabled();
141   case CardViewToolbarCommandType.Delete:
142    return this.GetDeleteItemEnabled();
143   case CardViewToolbarCommandType.DeleteSelectedCardsOnPage:
144    return this.GetDeleteSelectedCardsOnPageItemEnabled();
145  }
146  return null;
147 },
148 GetEditItemEnabled: function(){
149  var focusedIndex = this.GetFocusedItemIndex();
150  return this.grid.allowEdit && (this.HasBatchEditFocusedCell() || !this.IsEditingItem(focusedIndex));
151 },
152 GetDeleteItemEnabled: function(){
153  var focusedIndex = this.GetFocusedItemIndex();
154  return this.grid.allowDelete && (this.HasBatchEditFocusedCell() || !this.IsEditingItem(focusedIndex));
155 },
156 GetDeleteSelectedCardsItemEnabled: function() {
157  return this.grid.allowDelete && this.GetSelectedGridItemCount() > 0;
158 },
159 GetDeleteSelectedCardsOnPageItemEnabled: function() {
160  return this.grid.allowDelete && this.GetSelectedVisibleGridItemCount() > 0;
161 }
162});
163ASPx.CardViewToolbarHelper = CardViewToolbarHelper;
164})();
165},12);