如何在我的 asp.net 應用程序中添加從 GitHub 下載的 JavaScript 控件（JavaScript 包）

Question

我是 GitHub 的新手，所以提出了非常基本的問題。 I downloaded https://github.com/jspreadsheet/ce package (.zip) file to use in my asp.net web application. 我不知道如何在我的應用程序中添加這些文件。 當我解壓縮文件夾時，我得到了不同的目錄和文件。 不知道如何在我的應用程序中使用這些文件。 我創建了簡單的新 asp.net 網絡表單應用程序。 請建議如何在我的應用程序中添加此控件。 謝謝你。

Answer 1

您可以按照以下步驟在 asp.net 網絡表單應用程序中使用 javascript 文件和 css 文件。

首先，請在您的 web 應用程序中創建兩個文件夾（Css、Javascript）。

其次，您可以將下載的文件中的所有css文件和js文件添加到對應的文件夾中。

第三，您可以編寫以下代碼來引用文件。

<script src="Javascript/index.js"></script>
<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="Css/jexcel.css" type="text/css" />
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />

此外，由於我找不到 jsuites 相關文件，我使用了在線參考。

最后，您可以使用以下代碼創建在線表格。

<body>
    <div>The following is table</div>
   <div id="spreadsheet"></div>
</body>
<script>
        var data = [
            ['Jazz', 'Honda', '2019-02-12', '', true, '$ 2.000,00', '#777700'],
            ['Civic', 'Honda', '2018-07-11', '', true, '$ 4.000,01', '#007777'],
        ];

        jspreadsheet(document.getElementById('spreadsheet'), {
            data: data,
            columns: [
                { type: 'text', title: 'Car', width: 120 },
                { type: 'dropdown', title: 'Make', width: 200, source: ["Alfa Romeo", "Audi", "Bmw"] },
                { type: 'calendar', title: 'Available', width: 200 },
                { type: 'image', title: 'Photo', width: 120 },
                { type: 'checkbox', title: 'Stock', width: 80 },
                { type: 'numeric', title: 'Price', width: 100, mask: '$ #.##,00', decimal: ',' },
                { type: 'color', width: 100, render: 'square', }
            ]
        });
</script>

最終結果：

如何在我的 asp.net 應用程序中添加從 GitHub 下載的 JavaScript 控件（JavaScript 包）

問題描述

1 個解決方案

解決方案1
0 已采納 2021-04-23 06:51:03

如何在我的 asp.net 應用程序中添加從 GitHub 下載的 JavaScript 控件（JavaScript 包）

問題描述

1 個解決方案

解決方案1 0 已采納 2021-04-23 06:51:03

解決方案1
0 已采納 2021-04-23 06:51:03