真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

如何使用JavaScriptUI控件(WijmoJS)構(gòu)建-創(chuàng)新互聯(lián)

概述

南平ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書未來市場(chǎng)廣闊!成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!

What is Electron?

Electron是一個(gè)使用JavaScript、HTML和CSS構(gòu)建跨平臺(tái)桌面應(yīng)用程序的框架。 您可以將Electron與純JavaScript或您選擇的JavaScript框架一起使用:

  • React

  • Angular

  • Vue

構(gòu)建一個(gè)簡單的Electron應(yīng)用程序

要?jiǎng)?chuàng)建基本的Electron應(yīng)用程序,請(qǐng)按照下列步驟操作:

git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install npm start

您應(yīng)該看到如下所示的Hello World應(yīng)用程序:

如何使用JavaScript UI控件(WijmoJS)構(gòu)建

將JavaScript UI控件(WijmoJS)添加到應(yīng)用程序

要將WijmoJS添加到應(yīng)用程序,請(qǐng)先安裝它。在命令提示符下,進(jìn)入app文件夾(electron-quick-start)并鍵入:

npm install Wijmo

接下來,使用VS Code或您喜好的編輯器打開index.html文件,并添加以下內(nèi)容:

            Hello World!                                           

Hello World!

      

                 We are using Node.js         ,         Chromium ,         and Electron         .       

                      
        
      
            

在這一步中,我們?yōu)閮蓚€(gè)WijmoJS控件添加了一些樣式和主題元素。接下來,打開“renderer.js”文件并按如下所示進(jìn)行編輯:

// This file is required by the index.html file and will // be executed in the renderer process for that window. // All of the Node.js APIs are available in this process. // import Wijmo var wjCore = require('./node_modules/wijmo/wijmo.js'); var wjGrid = require('./node_modules/wijmo/wijmo.grid.js'); var wjChart = require('./node_modules/wijmo/wijmo.chart.js'); // set the Wijmo license key var key = 'GrapeCity-Internal-Use-Only,…'; wjCore.setLicenseKey(key); // create the controls var theGrid = new wjGrid.FlexGrid('#theGrid', {     itemsSource: getData() }); var theChart = new wjChart.FlexChart('#theChart', {     itemsSource: theGrid.itemsSource,     bindingX: 'country',     series: [         { name: 'Sales', binding: 'sales' },         { name: 'Expenses', binding: 'expenses' },         { name: 'Downloads', binding: 'downloads' },     ] }); // get some random data function getData() {     var countries = 'US,Germany,UK,Japan,Italy,Greece'.split(','),         data = [];     for (var i = 0; i < countries.length; i++) {         data.push({         country: countries[i],         sales: Math.random() * 10000,         expenses: Math.random() * 5000,         downloads: Math.round(Math.random() * 20000),         });     }     return new wjCore.CollectionView(data); }

實(shí)現(xiàn)這段代碼首先需要三個(gè)WijmoJS模塊:WijmoJS Core,Grid和Chart。 (它設(shè)置了WijmoJS許可證密鑰,因此應(yīng)用程序在運(yùn)行時(shí)不會(huì)顯示水印。如果您沒有許可證密鑰,請(qǐng)?zhí)^此步驟,應(yīng)用程序仍將運(yùn)行,但會(huì)顯示水印元素)

如果您在此之前已經(jīng)安裝了許可證密鑰,則不需要特定域。WijmoJS電子應(yīng)用程序會(huì)從文件或本地主機(jī)協(xié)議運(yùn)行,因此任何有效的WijmoJS密鑰都將起作用,無論用于生成它的域是什么。

最后一步是創(chuàng)建WijmoJS控件并將它們綁定到數(shù)據(jù)源。 在此示例中,網(wǎng)格和圖表綁定到同一數(shù)據(jù)源。

運(yùn)行Electron應(yīng)用程序

像以前一樣運(yùn)行應(yīng)用程序!

npm start

這次你會(huì)看到這個(gè):

如何使用JavaScript UI控件(WijmoJS)構(gòu)建

由于表格和圖表綁定到相同的數(shù)據(jù),因此您對(duì)網(wǎng)格所做的任何更改(如編輯單元格或排序列)都將自動(dòng)應(yīng)用于圖表。

現(xiàn)在,請(qǐng)下載WijmoJS,享用WijmoJS JavaScript控件的Electron應(yīng)用程序吧。

關(guān)于WijmoJS:

快如閃電,觸控優(yōu)先。純前端控件集 WijmoJS,為您的企業(yè)應(yīng)用提供更加靈活的操作體驗(yàn),在全球率先支持 AngularJS,并×××能卓越、零依賴的 FlexGrid 和金融圖表等多個(gè)控件,為您提供易用、輕松的操作體驗(yàn),全面滿足開發(fā)所需。

關(guān)于葡萄城:

賦能開發(fā)者!葡萄城公司成立于 1980 年,是全球領(lǐng)先的集開發(fā)工具、商業(yè)智能解決方案、管理系統(tǒng)設(shè)計(jì)工具于一身的軟件和服務(wù)提供商。西安葡萄城是其在中國的分支機(jī)構(gòu),面向全球市場(chǎng)提供軟件研發(fā)服務(wù),并為中國企業(yè)的信息化提供國際先進(jìn)的開發(fā)工具、軟件和研發(fā)咨詢服務(wù)。葡萄城的控件和軟件產(chǎn)品在國內(nèi)外屢獲殊榮,在全球被數(shù)十萬家企業(yè)、學(xué)校和政府機(jī)構(gòu)廣泛應(yīng)用。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。


網(wǎng)頁題目:如何使用JavaScriptUI控件(WijmoJS)構(gòu)建-創(chuàng)新互聯(lián)
標(biāo)題來源:http://weahome.cn/article/csocjs.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部