c# toastr 자바 스크립트 asp.net 웹 폼 추가하기



node js toast (2)

단추를 사용하여 양식을 제출 한 후 toastr 메시지 (정보, 오류 등)를 표시하려고합니다. 그리고 asp.net webform의 "asp.net 업데이트 패널에있는 gridview 컨트롤을 업데이트하십시오. 감사.

https://src-bin.com


Answer #1

웹 양식에서 전화를 걸면 (MasterDetail 양식이므로 MasterPage가 있음을 유의하십시오.

MasterPage.ShowToastr (페이지, "여기에 메시지", "제목", "정보", 거짓, "토스트 - 하단 - 전체 너비", 거짓)

마스터 페이지 (VB)의 VB.NET ShowToastr 구현

Public Shared Sub ShowToastr(ByVal page As Page, ByVal message As String, ByVal title As String, Optional ByVal type As String = "info", Optional ByVal clearToast As Boolean = False, Optional ByVal pos As String = "toast-top-left", Optional ByVal Sticky As Boolean = False)
    Dim toastrScript As String = [String].Format("Notify('{0}','{1}','{2}', '{3}', '{4}', '{5}');", message, title, type, clearToast, pos, Sticky)
    page.ClientScript.RegisterStartupScript(page.[GetType](), "toastr_message", toastrScript, addScriptTags:=True)
End Sub

Javascript 함수 ShowToastr은 공유 기능으로 마스터 페이지에 있습니다.

  <link href="./Media/css/Grey/ListBox.Grey.css" rel="stylesheet" type="text/css" />
<link href="./Media/css/WebTrack.css" rel="stylesheet" type="text/css" />

<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/css/toastr.css"
    rel="stylesheet" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/js/toastr.js"
    type="text/javascript"></script>

<script language="javascript" type="text/javascript">
    function Notify(msg, title, type, clear, pos, sticky) {
        //        toastr.options.positionClass = "toast-bottom-right";
        //        toastr.options.positionClass = "toast-bottom-left";
        //        toastr.options.positionClass = "toast-top-right";
        //        toastr.options.positionClass = "toast-top-left";
        //        toastr.options.positionClass = "toast-bottom-full-width";
        //        toastr.options.positionClass = "toast-top-full-width";
        //        options = {
        //            tapToDismiss: true,
        //            toastClass: 'toast',
        //            containerId: 'toast-container',
        //            debug: false,
        //            fadeIn: 300,
        //            fadeOut: 1000,
        //            extendedTimeOut: 1000,
        //            iconClass: 'toast-info',
        //            positionClass: 'toast-top-right',
        //            timeOut: 5000, // Set timeOut to 0 to make it sticky
        //            titleClass: 'toast-title',
        //            messageClass: 'toast-message' }


        if (clear == true) {
            toastr.clear();
        }
        if (sticky == true) {
            toastr.tapToDismiss = true;
            toastr.timeOut = 10000;
        }

        toastr.options.onclick = function() {
            //alert('You can perform some custom action after a toast goes away');
        }
        //"toast-top-left";
        toastr.options.positionClass = pos;
        if (type.toLowerCase() == 'info') {
            toastr.options.timeOut = 1000;
            toastr.tapToDismiss = true;
            toastr.info(msg, title);
        }
        if (type.toLowerCase() == 'success') {
            toastr.options.timeOut = 1500;
            toastr.success(msg, title);
        }
        if (type.toLowerCase() == 'warning') {
            toastr.options.timeOut = 3000;
            toastr.warning(msg, title);
        }
        if (type.toLowerCase() == 'error') {
            toastr.options.timeOut = 10000;
            toastr.error(msg, title);
        }
    }
</script>

내가 한 전화에 통합 된 토스터 옵션을 얻기 위해 여러 해 동안 노력했듯이 이것이 도움이되기를 바랍니다. toastr에 대한 호출에서 더 많은 옵션을 사용할 수있게하려면 함수에 매개 변수를 더 추가하십시오. 설정할 수있는 모든 옵션은 주석 처리 된 코드 (javascript)에 있습니다.


Answer #2

Page.ClientScript.RegisterStartupScript 메소드를 사용하여이를 수행 할 수 있습니다. 예:

Page.ClientScript.RegisterStartupScript(this.GetType(),
    "toastr_message", "toastr.error('There was an error', 'Error')", true);

하지만 아마 나를 위해 그것을 처리하는 메서드 또는 확장 메서드를 만들 것입니다 :

public static void ShowToastr(this Page page, string message, string title, string type = "info")
{
    page.ClientScript.RegisterStartupScript(page.GetType(), "toastr_message",
          String.Format("toastr.{0}('{1}', '{2}');", type.ToLower(), message, title), addScriptTags: true);
}

용도:

ShowToastr(this.Page, "Hello world!", "Hello");

좀 더 강력한 것을 원한다면, type 매개 변수를 enum 만들 수 있습니다.





toastr