Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
拽增強(qiáng)(Drag-Fill Enhancements)是 SpreadJS 新版本的增強(qiáng)功能之一,當(dāng)有許多單元格必須填充相似或一定順序的數(shù)據(jù)或函數(shù)時(shí),拖動(dòng)填充數(shù)據(jù)將非常有用。尤其在某些情況下,數(shù)據(jù)并非典型的數(shù)字序列,可能包含了字符串、日期或其他數(shù)據(jù)類型,此時(shí) SpreadJS拖動(dòng)填充功能將發(fā)揮巨大的作用。
SpreadJS的拖動(dòng)填充支持:
針對(duì)日期填充:無論您選定的日期數(shù)據(jù)是第一天、最后一天還是一個(gè)月的某一天,新的拖動(dòng)填充增強(qiáng)都可以處理:
針對(duì)字符串填充:當(dāng)字符串在開頭或結(jié)尾包含數(shù)字時(shí),拖動(dòng)單元格將按特定規(guī)律自動(dòng)填充,如字符串包含“Cell1”、“Cell2”、“Cell3”等規(guī)律時(shí),拖動(dòng)單元格將使用“Cell4”、“Cell5”等進(jìn)行填充。
針對(duì)自定義填充列表:拖動(dòng)填充還支持自定義列表作為填充源,如按特定規(guī)則的日期信息,或開發(fā)人員自定義的列表。
要使用內(nèi)置列表填充單元格,只需設(shè)置默認(rèn)日期的值就足夠了:
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss")); var sheet = spread.getActiveSheet(); sheet.setValue(0, 0, 'Sunday'); sheet.setValue(1, 0, 'Monday'); var startRange = new GC.Spread.Sheets.Range(0, 0, 2, 1); var fillRange = new GC.Spread.Sheets.Range(0, 0, 10, 1); sheet.fillAuto(startRange, fillRange, { fillType: GC.Spread.Sheets.Fill.FillType.auto, series: GC.Spread.Sheets.Fill.FillSeries.column });
要使用自定義列表,您需要定義列表名稱,然后在初始化Spread實(shí)例時(shí)在Spread選項(xiàng)中設(shè)置它:
var customList = [ ['Light', 'Sun', 'Moon', 'Star', 'Sky', 'Rain', 'Cloud'], ['Dog', 'Cat', 'Lion', 'Fish', 'Snake'] ]; var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), {customList: customList}); var sheet = spread.getActiveSheet(); sheet.setValue(0, 5, 'Sky'); sheet.setValue(1, 5, 'Rain'); var startRange = new GC.Spread.Sheets.Range(0, 5, 2, 1); var fillRange = new GC.Spread.Sheets.Range(0, 5, 10, 1); sheet.fillAuto(startRange, fillRange, { fillType: GC.Spread.Sheets.Fill.FillType.auto, series: GC.Spread.Sheets.Fill.FillSeries.column });
應(yīng)該注意的是,在執(zhí)行拖動(dòng)填充操作時(shí),用戶自定義列表的優(yōu)先級(jí)更高。
以上就是 SpreadJS 拖拽增強(qiáng)的更新內(nèi)容,要體驗(yàn)這些功能并開始學(xué)習(xí)SpreadJS,請(qǐng)點(diǎn)擊文末了解更多訪問 SpreadJS 產(chǎn)品官網(wǎng)!
SpreadJS 是一款基于 HTML5 的純前端電子表格控件,以“高速低耗、高度類似Excel、可無限擴(kuò)展”為產(chǎn)品特色,提供移動(dòng)跨平臺(tái)和瀏覽器支持,同時(shí)滿足 .NET、Java、App 等應(yīng)用程序中的 Web Excel 組件開發(fā)、數(shù)據(jù)填報(bào)、在線文檔、圖表公式聯(lián)動(dòng)、類 Excel UI 設(shè)計(jì)等業(yè)務(wù)場(chǎng)景,為您帶來親切的 Excel 體驗(yàn)。SpreadJS 在數(shù)據(jù)可視化、Excel 導(dǎo)入導(dǎo)出、公式引用、數(shù)據(jù)綁定、框架集成等場(chǎng)景下無需大量代碼開發(fā)和測(cè)試,極大降低了企業(yè)研發(fā)成本和項(xiàng)目交付風(fēng)險(xiǎn)。
INCC7.5高級(jí)技巧:利用Excel實(shí)現(xiàn)窗口控件拖拽。
大家好,今天我將演示如何將WINCC與Excel相結(jié)合,以實(shí)現(xiàn)批量數(shù)據(jù)顯示的文件生成。
在AC畫面中,我們可以看到L欄顯示了一個(gè)報(bào)警字,它是一個(gè)十六位無符號(hào)報(bào)警字。接下來,我們將對(duì)報(bào)警字中的各個(gè)位進(jìn)行操作。同時(shí),我也創(chuàng)建了一個(gè)簡(jiǎn)單的列表。
在選擇列表后,下方會(huì)出現(xiàn)一個(gè)十字標(biāo)志。此時(shí),我們可以按鼠標(biāo)右鍵并將其移動(dòng)到AC畫面的窗口上。當(dāng)鼠標(biāo)變成十字形時(shí),松開右鍵。此時(shí),系統(tǒng)會(huì)提示我們插入復(fù)選框、選項(xiàng)組、多行文字組合框等。我們可以選擇選項(xiàng)組并進(jìn)行相應(yīng)設(shè)置。
默認(rèn)情況下,選項(xiàng)組已經(jīng)被生成。同時(shí),我們需要對(duì)其屬性進(jìn)行調(diào)整,將字體調(diào)大。我們還需要調(diào)整其大小,并為其分配一個(gè)變量。接下來,我們將報(bào)警字拖入畫面中即可。
同樣的方法,我們可以制作另一個(gè)類型的報(bào)警字。此時(shí),我們需要右鍵點(diǎn)擊并將其移動(dòng)到AC畫面中,選擇一個(gè)復(fù)選框,并對(duì)其屬性進(jìn)行調(diào)整。我們可以將字體調(diào)整為十六號(hào),并為其分配一個(gè)變量。
完成后,我們可以保存并運(yùn)行該程序。此時(shí),我們可以通過點(diǎn)擊選擇來確定報(bào)警字的位置,其中第0位表示1,第15位表示1,其余位均為0。此外,我們還可以進(jìn)行連續(xù)選擇,以使相應(yīng)位變?yōu)?,同時(shí)使左側(cè)的值變?yōu)?。此時(shí),我們還可以進(jìn)行輸入。
我們可以輸入第二位、第八位和第十三位的值。通過這種方式,我們可以將Excel和AC緊密結(jié)合起來,實(shí)現(xiàn)批量數(shù)據(jù)顯示的文件生成。更多內(nèi)容可以在AC課程中學(xué)習(xí)。
xBrowser是將基于Chromium的瀏覽器與Java應(yīng)用程序集成,以處理和顯示HTML5、CSS3、JavaScript、Flash等。
近日,JxBrowser v7.12發(fā)布啦!JAVA應(yīng)用程序?yàn)g覽器集成控件JxBrowser更新至7.12, 現(xiàn)在可以在Chromium 84上運(yùn)行,并且在使用DOM和JavaScript-Java Bridge API時(shí)提供了許多新選項(xiàng),點(diǎn)擊文末“了解更多”下載最新版JxBrowser。
新增功能
Chromium 84
在這個(gè)Chromium構(gòu)建中,一些與JxBrowser封裝的功能已經(jīng)被移除或改變,所以這個(gè)JxBrowser版本在公共API中引入了一些突破性的變化。
可信事件
com.teamdev.jxbrowser.dom.event.Event接口已經(jīng)擴(kuò)展了isTrusted()方法,允許檢測(cè)事件是由用戶操作產(chǎn)生的,還是通過EventTarget.dispatchEvent()創(chuàng)建/修改并發(fā)送的。
MouseEvent:頁面位置
com.teamdev.jxbrowser.dom.event.MouseEvent接口已經(jīng)擴(kuò)展了pageLocation(),允許獲取事件發(fā)生時(shí)鼠標(biāo)光標(biāo)在文檔坐標(biāo)系中的位置。
MouseEvent:頁面位置
允許從com.teamdev.jxbrowser.dom.event.KeyEvent中獲取鍵碼的功能已經(jīng)被重新設(shè)計(jì)為與DOM KeyboardEvent類似。我們?yōu)镈OM鍵碼引入了DomKeyCode枚舉,并擴(kuò)展了com.teamdev.jxbrowser.dom.event.KeyEvent的方法,允許獲取DOM鍵碼和一個(gè)代表與物理鍵相關(guān)聯(lián)的UTF-8字符的字符串,如果它有打印表示的話。例如
document.addEventListener(EventType.KEY_PRESS, event -> {
if (event instanceof KeyEvent) {
KeyEvent keyEvent = (KeyEvent) event;
DomKeyCode keyCode = keyEvent.domKeyCode();
String character = keyEvent.character();
System.out.println("DOM KeyEvent: keyCode=" + keyCode + ", character=" + character);
}
}, false);
JS可訪問的Java類
JavaScript-Java Bridge API已經(jīng)擴(kuò)展了com.teamdev.jxbrowser.js.JsAccessibleClasses,它允許告訴人們特定類型的Java實(shí)例可以從JavaScript中訪問。例如
JsAccessibleClasses.add(ArrayList.class, LinkedList.class);
Cookie SameSite
增加了SameSite cookie屬性支持。
改進(jìn)功能
Bug修復(fù)
如果您對(duì)jxbrowser感興趣,可以點(diǎn)擊下方“了解更多”了解具體授權(quán)和使用機(jī)制。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。