Visual Studio 無法叫用中斷點

解決 Visual Studio 無法叫用中斷點 原始程式碼與原始版本不同

1.把 Visual Studio 關掉
2.把專案中的 bin obj 資料夾刪掉
3.重開 Visual Studio 並建置

完成

Visual Studio 折疊與展開程式碼

(Ctrl + M) + (Ctrl + L)

執行第一次  => 全部展開
執行第二次  => 全部折疊

Kendo 國籍語言包

https://cdnjs.com/libraries/kendo-ui-core

Kendo Ui Loading Mask

kendo.ui.progress($("#id"), true);

Kendo Ui Form 控制項

http://demos.telerik.com/kendo-ui/styling/index

CSS 滑入滑出 translateX

element.style {

1. transform: translateX(201px);

}

slidein:474

#slide-in-share {

1. position: absolute;
2. top: 200px;
3. left: 0;
4. width: 200px;
5. margin-left: -200px;
6. border: solid #e9e9e9;
7. border-width: 1px 1px 1px 0;

}

Kendo Grid 修改刪除按鈕與功能

columns: [
            { field: "FirstName", title: "First Name" },
            { field: "LastName", title: "Last Name" },
            { field: "Position" },
            { field: "Phone", title: "Phone" },
            { field: "Extension", title: "Ext", format: "{0:#}" },
            { command: [ "edit", "destroy" ] }
        ]

transport: {
                read: {
                    url: crudServiceBaseUrl + "/EmployeeDirectory/All",
                    dataType: "jsonp"
                },
                update: {
                    url: crudServiceBaseUrl + "/EmployeeDirectory/Update",
                    dataType: "jsonp"
                },
                destroy: {
                    url: crudServiceBaseUrl + "/EmployeeDirectory/Destroy",
                    dataType: "jsonp"
                },
                create: {
                    url: crudServiceBaseUrl + "/EmployeeDirectory/Create",
                    dataType: "jsonp"
                },
                parameterMap: function(options, operation) {
                    if (operation !== "read" && options.models) {
                        return {models: kendo.stringify(options.models)};
                    }
                }
            }

.net mvc 錯誤訊息顯示

<system.web>
    <customErrors mode="Off"/>
</system.web>
<system.webServer>
    <httpErrors errorMode="Detailed" />
</system.webServer>

Kendo Ui Notification

Javascript
// 訊息設定
let popupNotification = null;
const msgHideAfter = 1000;
$(document).ready(function () {
    $("body").append("<span id='popupNotification'></span>");
    popupNotification = $("#popupNotification").kendoNotification({
        autoHideAfter: msgHideAfter,
        templates: [{
            type: "success",
            template: `<div class="msg-success msg">
                            <span class="k-icon k-i-check-outline"></span>           
                            <span class="msg-text">#= message #</span>
                        </div>`
        }, {
            type: "error",
            template: `<div class="msg-error msg">
                            <span class="k-icon k-i-warning"></span>           
                            <span class="msg-text">#= message #</span>
                        </div>`
        }, {
            type: "info",
            template: `<div class="msg-info msg">
                            <span class="k-icon k-i-information"></span>           
                            <span class="msg-text">#= message #</span>
                        </div>`
        }]
    }).data("kendoNotification");
});

// 顯示訊息

function showSuccessMsg(message, callback = null) {

    popupNotification.show({

        message: message

    }, "success");

    if (ifFunctionExist(callback))

    {

        callback();

    }

}

function showErrorMsg(message, callback = null) {

    popupNotification.show({

        message: message

    }, "error");

    if (ifFunctionExist(callback)) {

        callback();

    }

}

function showInfoMsg(message, callback = null) {

    popupNotification.show({

        message: message

    }, "info");

    if (ifFunctionExist(callback)) {

        callback();

    }

}

CSS

.msg {

    width: auto;

    font-size: 25px;

    color: white;

    cursor: pointer;

}

.msg .k-icon {

    font-size: 25px;

    padding-left: 15px;

}

.msg-success {

    background-color: rgb(131, 185, 54);

}

.msg-error {

    background-color: rgb(246, 75, 47);

}

.msg-info {

    background-color: rgb(47, 169, 246);

}

.msg-text {

    margin-left: -10px;

    padding-right: 10px;

}