Include Next and Previous Buttons in a CommandItemTemlate with Frozen Columns
Description
By design, when using the CommandItemTemplate of the RadGrid, the default command menu is hidden. Hence, the default buttons cannot be used out-of-the-box. Taking into account that the Next and Previous buttons (enabled by setting the EnableNextPrevFrozenColumns to true
) are not shown as well.
Solution
In order to have the two specific buttons, simply add the corresponding rgNext
and rgPrev
CSS classes to the custom button element. The handlers are wired to the classes and the buttons will function as expected without any further customization. Here is an example of a CommandItemTemplate
with the two buttons:
<CommandItemTemplate>
<button type="submit" onclick="return false;" title="Next" class="t-button rgActionButton rgNext rgDisabled">
<span class="t-font-icon rgIcon rgNextIcon"></span>
</button>
<button type="submit" onclick="return false;" title="Prev" class="t-button rgActionButton rgPrev">
<span class="t-font-icon rgIcon rgPrevIcon"></span>
</button>
</CommandItemTemplate>