Store sorters' direction is emmitted as lowercase
When specifying a store sorter, its direction value is all caps in Razor markup, but is emitted lowercase. This causes Ext JS to obey the direction BUT does not show the sort arrow at all.
According to Sencha documentation, the valid input to direction is either the ASC or DESC strings.
So this:
<ext-sorter property="company" x-direction="DESC" />
gets output as this:
sorters: [{
direction: "desc",
property: "company"
}],
Which results in the above error.
When sorting in ascending order, another bug with Ext.NET 7 makes it work, because when a value is specified -and- it matches whatever default Ext.NET thinks Ext JS has, Ext.NET does not emit the value at all. It means the direction: "asc" line is not output at all, and Ext JS uses default sorter direction.
In order to circumvent the issue, just define direction as a custom config:
<ext-sorter property="company" x-direction="DESC" />