Mini-me 知識ベース: 2018

2018年12月13日星期四

更新URL但不刷新頁面

問題：



"更新URL但不刷新頁面"

說明：



pushState() 的基本參數是：

window.history.pushState(state, title, url);

解決方法：

方法


"window.history.pushState(null, null, "/profile/");"

2018年12月12日星期三

當匯出的excel格式為3.705E+11格式時

問題：



"當匯出的excel格式為3.705E+11，調整可顯示完整"

解決方法：

方法

    
buttons: [
       {extend: 'excelHtml5',
        filename: 'my_file_name',
        title: null,
        exportOptions: {
            format: {
                     body: function (data, row, column, node ) {
                                return column === 2 ? "\0" + data : data;
                                }
              }
           }
      }
]

2018年12月7日星期五

如何取得 web.config 裡的 httpRuntime 資訊

問題：



如何取得 web.config 裡的 httpRuntime 資訊

說明：



maxRequestLength設定上傳檔案大小(單位是KB)

解決方法：


HttpRuntimeSection section = (HttpRuntimeSection)ConfigurationManager.GetSection("system.web/httpRuntime");

2018年12月3日星期一

SQL Update Join

說明：



"SQL Update Join"

方法：



UPDATE Table_A

 SET Table_A 欄位 = 值

 From Table_A a 

 Left Join Table_B b on a.欄位 =b.欄位

 WHERE 條件

2018年11月27日星期二

上傳檔案容量限制

方法

 (':file').change(function () {  //選取類型為file且值發生改變的
    var file = this.files[0];    //定義file=發生改的file
    size = file.size;            //size=檔案大小
    if (file.size > 3145728) {   //假如檔案大小超過300KB (300000/1024)
        swal('檔案大小上限3MB!!');  //顯示警告!!
        $(this).val('');         //將檔案欄設為空白
    }

計算所有file容量大小

 $(':file').change(function () {  
            var sizeTotal = 0;
            $(':file').each(function (index) {
                //console.log(index + ": " + $(this).attr("id"));
                var file = this.files[0];
                var size = 0;
                if (this.files.length) {
                    size = file.size;
                    sizeTotal =sizeTotal+ file.size;
                }
                //console.log(size);
            });
            //console.log(sizeTotal);
            if (sizeTotal > 10485760) {   
                swal({
                    type: 'warning',
                    text: '所有上傳檔案加總限制10MB'
                })
                $(this).val('')
            };

swal 為sweetalert2套件
https://sweetalert2.github.io/

2018年11月9日星期五

razor在onclick里輸出內容包含換行符號造成異常

問題：



"razor在onclick里輸出內容包含換行符號造成語法異常"

解決方法：

方法1


<a onclick="showRemark('@(!string.IsNullOrEmpty(item.Comment) ? item.Comment.Replace("\r\n", " ") : item.Comment)','@item.CommentLastUpdate.ToString("dd-MMM-yyyy",ci)')">Detail</a>

2018年10月24日星期三

bootstrap點彈跳視窗時，會出現element.style{padding-right:17px} 問題

問題：



bootstrap點彈跳視窗時，會出現element.style{padding-right:17px} 使整個頁面右邊會越來越往左偏移

說明：



遇到的專案是有使用sweetalert，所以使用方法5的方法有自訂了一下，
不然也可以參考該網址


https://stackoverflow.com/questions/32862394/bootstrap-modals-keep-adding-padding-right-to-body-after-closed


https://forums.oscommerce.com/topic/412058-modal-destination-and-modal-within-modal/

解決方法：

方法1


body {

    padding-right: 0 !important;

    overflow-y: scroll!important;

}

方法2


body,body.swal2-shown,body.modal-open {

   overflow:inherit; 

   padding-right:inherit !important;

}

方法3


$(document.body).on('hide.bs.modal,hidden.bs.modal', function () {

$('body').css('padding-right', '0');

});

方法4


('.modal').on('hide.bs.modal', function (e) {

            e.stopPropagation();

            $('body').css('padding-right', '');

        });

方法5


body, body.swal2-shown, body.modal-open {

        padding-right: 0 !important;

        overflow-y: scroll !important;

    }

2018年10月23日星期二

Selenium-安裝方式 (for C# MSTest)

l 相關套件下載：

n Selenium.WebDriver

n Selenium.Support

n Selenium.WebDriver.ChromeDriver(Chrome瀏覽器使用)

l 安裝方式：使用C#，於NuGet進行下載安裝

n 步驟：ToolsàNuGet Package ManageràManage NuGet Packages for Solution

n 步驟：點選Browse，於search輸入Selenium

n 步驟：選擇Selenium.WebDriver安裝(版本：3.14.0 安裝時間：2018/10/08)
安裝完畢後，再進行後續安裝。

n 步驟：選擇Selenium.Support安裝(版本：3.14.0 安裝時間：2018/10/08)
安裝完畢後，再進行後續安裝。

n 步驟：選擇Selenium.Chrome.WebDriver安裝(使用Chrome 瀏覽器)
(版本：2.42.0 安裝時間：2018/10/08)安裝完畢後，再進行後續安裝。

(其他瀏覽器可安裝清單如下：
Selenium.Firefox.WebDriver：Firefox

Selenium.WebDriver.IEDriver：IE

l 安裝方式：使用C#，另外下載driver

n 步驟：下載的driver可存放於一個資料夾內

n 步驟：要使用時只要在宣告時在dirver後面填入路徑即可，參考如下：

driver = new InternetExplorerDriver(@"C:\temp\driver")

l 安裝方式：使用C#，開啟IE瀏覽器的方法

說明：要使用IE瀏覽器進行自動測試需完成以下步驟，不然會無法使用IE

n 步驟：可以使用NuGet或自行到相關網站下載，如上面說明方式

n 步驟：開啟IEà網際網路選項à安全性

將「網際網路」、「近端內部網路」、「信任的網站」、「限制的網站」

以上四個區域的「啟用受保護模式(需要重新啟動Internet Explorer)」，

都打勾或都不勾。

n 步驟：此處是使用Win10 X64環境下IE為11版本，有此選項，如未有此項目請自行參考Google有其他文章教學。

而「啟用加強的受保護模式」不要勾選，

當勾選時，一樣可以執行，但測試案例會一直失敗有時會成功。

不勾選時，畫面會出「This is the initial start page for the WebDriver server.」

但不是錯誤而是正在執行。

n 步驟：瀏覽器的縮放比例必須為100%，不然執行測試案例時會一直出現錯誤訊息！

n 步驟：網路上還教學修改登錄檔的部份，但實際測試不加也可以使用，所以此為補充內容：

32位Windows，key值為

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\InternetExplorer\Main\FeatureControl\FEATURE_BFCACHE

64位Windows，key值為

HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\InternetExplorer\Main\FeatureControl\FEATURE_BFCACHE

不存在請新增。之後在key建立一個iexplore.exe，DWORD類型，值為0。

2018年9月13日星期四

jQuery簡化ready()寫法

方法1

$(document).ready(function () {
code..
});

方法2

$().ready(function () {
code..
});

方法3

$(function () {
code..
});

2018年9月4日星期二

在無障礙網頁中使用TAB鍵操作Menu

在無障礙網頁中使用TAB鍵操作Menu

參考語法：

<ul class="navbar">
    <li class="navbar-item">
        <a href="javascript:;">Parent Link</a>
        <ul class="navbar-sub">
            <li class="navbar-sub-item">
                <a href="#url_redirect">One</a>
            </li>
            <li class="navbar-sub-item">
                <a href="#url_redirect">Two</a>
            </li>
            <li class="navbar-sub-item">
                <a href="#url_redirect">Three</a>
            </li>
        </ul>
    </li>
    <li class="navbar-item">
        <a href="javascript:;">Parent Link</a>
        <ul class="navbar-sub">
            <li class="navbar-sub-item">
                <a href="#url_redirect">One</a>
            </li>
            <li class="navbar-sub-item">
                <a href="#url_redirect">Two</a>
            </li>
            <li class="navbar-sub-item">
                <a href="#url_redirect">Three</a>
            </li>
        </ul>
    </li>
    <li class="navbar-item">
        <a href="javascript:;">Parent Link</a>
        <ul class="navbar-sub">
            <li class="navbar-sub-item">
                <a href="#url_redirect">One</a>
            </li>
            <li class="navbar-sub-item">
                <a href="#url_redirect">Two</a>
            </li>
            <li class="navbar-sub-item">
                <a href="#url_redirect">Three</a>
            </li>
        </ul>
    </li>
    <li class="navbar-item">
        <a href="javascript:;">Parent Link</a>
        <ul class="navbar-sub">
            <li class="navbar-sub-item">
                <a href="#url_redirect">One</a>
            </li>
            <li class="navbar-sub-item">
                <a href="#url_redirect">Two</a>
            </li>
            <li class="navbar-sub-item">
                <a href="#url_redirect">Three</a>
            </li>
        </ul>
    </li>
</ul>

$('.navbar').on('mouseenter focusin', '.navbar-item > a', function (e) {
 
    $(this).parent('.navbar-item')
           .addClass('active')
           .siblings('.navbar-item')
           .removeClass('active')
 
});

2018年5月31日星期四

方法一：
var printPage = window.open("", "Printing...", "");
var value = document.getElementById('PrintArea').innerHTML;
printPage.document.open();
printPage.document.write("<HTML><head></head><BODY onload='window.print();window.close()'>");
printPage.document.write("<PRE>");
printPage.document.write(value);
printPage.document.write("</PRE>");
printPage.document.write("</BODY></HTML>");
printPage.document.close();

方法二：(存成圖片，但是不支援IE，且open要注意彈跳視窗問題)

var printPage = window.open("", "Printing...", "");

html2canvas(document.getElementById('PrintArea')).then(function (canvas) {

printPage.document.open();

printPage.document.write("<HTML><head><title>友善列印</title>");

printPage.document.write("</head>");

printPage.document.write("<body style='zoom:80%' onload='window.print();window.close()'>");

printPage.document.write("<pre style='overflow-x: hidden'>"); //寫死沒有X軸Scroll功能

printPage.document.write("<div'>");

printPage.document.write("<img src='" + canvas.toDataURL() + "'/>");

printPage.document.write("</div'>");

printPage.document.write("</pre>");

printPage.document.write("</body></HTML>");

printPage.document.close();

});

訂閱：文章 (Atom)

Mini-me 知識ベース

精選文章

bcp大量匯出與匯入資料庫資料方法

2018年12月13日星期四

更新URL但不刷新頁面

2018年12月12日星期三

當匯出的excel格式為3.705E+11格式時

2018年12月7日星期五

如何取得 web.config 裡的 httpRuntime 資訊

2018年12月3日星期一

SQL Update Join

2018年11月27日星期二

上傳檔案容量限制

2018年11月9日星期五

razor在onclick里輸出內容包含換行符號造成異常

2018年10月24日星期三

bootstrap點彈跳視窗時，會出現element.style{padding-right:17px} 問題

2018年10月23日星期二

Selenium-安裝方式 (for C# MSTest)

2018年9月13日星期四

jQuery簡化ready()寫法

2018年9月4日星期二

在無障礙網頁中使用TAB鍵操作Menu

2018年5月31日星期四

另開視窗預覽列印

精選文章

2018年12月13日 星期四

2018年12月12日 星期三

2018年12月7日 星期五

2018年12月3日 星期一

2018年11月27日 星期二

2018年11月9日 星期五

2018年10月24日 星期三

2018年10月23日 星期二

2018年9月13日 星期四

2018年9月4日 星期二

2018年5月31日 星期四

2018年12月13日星期四

2018年12月12日星期三

2018年12月7日星期五

2018年12月3日星期一

2018年11月27日星期二

2018年11月9日星期五

2018年10月24日星期三

2018年10月23日星期二

2018年9月13日星期四

2018年9月4日星期二

2018年5月31日星期四