Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在我的asp.net应用程序中添加从GitHub下载的JavaScript控件(JavaScript包)_Javascript_Asp.net_Visual Studio_Npm - Fatal编程技术网

如何在我的asp.net应用程序中添加从GitHub下载的JavaScript控件(JavaScript包)

如何在我的asp.net应用程序中添加从GitHub下载的JavaScript控件(JavaScript包),javascript,asp.net,visual-studio,npm,Javascript,Asp.net,Visual Studio,Npm,我是GitHub的新手,所以会问一些非常基本的问题。 我下载了要在asp.net web应用程序中使用的包(.zip)文件。我不知道如何在我的应用程序中添加这些文件。当我解压文件夹时,我得到了不同的目录和文件。不知道如何在我的应用程序中使用这些文件。我创建了简单的新asp.net Web表单应用程序。请建议如何在我的应用程序中添加此控件。多谢各位 您可以按照以下步骤在asp.net webform应用程序中使用javascript文件和css文件 首先,请在web应用程序中创建两个文件夹(Css

我是GitHub的新手,所以会问一些非常基本的问题。 我下载了要在asp.net web应用程序中使用的包(.zip)文件。我不知道如何在我的应用程序中添加这些文件。当我解压文件夹时,我得到了不同的目录和文件。不知道如何在我的应用程序中使用这些文件。我创建了简单的新asp.net Web表单应用程序。请建议如何在我的应用程序中添加此控件。多谢各位


您可以按照以下步骤在asp.net webform应用程序中使用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>

下表为:
风险值数据=[
[Jazz'、“Honda'、“2019-02-12”、“真实”、“2.000,00美元”、“777700美元”],
[“思域”、“本田”、“2018-07-11”、“真实”、“4.000,01美元”、“007777”],
];
jspreadsheet(document.getElementById(“电子表格”){
数据:数据,
栏目:[
{类型:'text',标题:'Car',宽度:120},
{类型:'dropdown',标题:'Make',宽度:200,来源:[“阿尔法罗密欧”,“奥迪”,“宝马”],
{类型:'calendar',标题:'Available',宽度:200},
{类型:'image',标题:'Photo',宽度:120},
{键入:'checkbox',标题:'Stock',宽度:80},
{类型:'numeric',标题:'Price',宽度:100,掩码:'$#.##,00',小数:'','},
{类型:'color',宽度:100,渲染:'square',}
]
});
最终结果