Question

我想在telerik radwizard（reference）中添加一个新的导航按钮。有没有办法在ASP.NET中这样做，我读了telerik共享的所有文件，但找不到实现它的方法。任何帮助将不胜感激。

Answer 1

我也有类似的要求，但是无法找到开箱即用的解决方案，包括Telerik RadWizard的自定义导航按钮。

请合作以下JavaScript，这将在导航按钮区域添加自定义按钮：

<telerik:RadScriptManager runat="server"></telerik:RadScriptManager>
<script type="text/javascript">
    /* NOTE: This code block is inserted at this location, but not in the main Script block within RadCodeClock at the begining of this page due to the the below error;
    'JavaScript runtime error: '$telerik' is undefined' 

    In order to avoid such errors, move the script tag below the declaration of the ScriptManager.
    */
    var $ = $telerik.$;
    var oldInitializeEvents = Telerik.Web.UI.RadWizard.prototype._initializeEvents;
    Telerik.Web.UI.RadWizard.prototype._initializeEvents = function () {
        /*var myLi = $('<li>', { "class": "rwzLI rwzRight" }).appendTo('.rwzNav');          // Add the button adjacent to Next/ Previous*/
        var myLi = $('<li>', { "class": "rwzLI" }).appendTo('.rwzNav');                     // Add the button adjacent to Cancel/ Submit
        var spanElement = $('<span>').addClass("rwzText").text("Save");
        $("<button>", {
            "id": "rwCustNavBtn_Save", "class": "rwzButton", "type": "button", click: function myfunction() {
                CustNavBtn_Save_OnClick();                                                 // Save the Grant
                return false;
            }
        }).append(spanElement).appendTo(myLi);
        oldInitializeEvents.call(this);
    }
</script>

注意：

确保在ScriptManager声明下方包含上述JavaScript标记，以避免运行时错误。
rwzRight CSS类确定自定义按钮的位置，并根据您的要求使用它（请参阅脚本标记中的注释）

希望这是你所追求的，标记为回复，如果是这样的话。祝你好运！

来源：RadWziard navigation button templates/control

如何在telerik radwizard中添加新的导航按钮

1 个答案: