拽增強(Drag-Fill Enhancements)是 SpreadJS 新版本的增強功能之一,當有許多單元格必須填充相似或一定順序的數據或函數時,拖動填充數據將非常有用。尤其在某些情況下,數據并非典型的數字序列,可能包含了字符串、日期或其他數據類型,此時 SpreadJS拖動填充功能將發揮巨大的作用。
SpreadJS的拖動填充支持:
針對日期填充:無論您選定的日期數據是第一天、最后一天還是一個月的某一天,新的拖動填充增強都可以處理:
針對字符串填充:當字符串在開頭或結尾包含數字時,拖動單元格將按特定規律自動填充,如字符串包含“Cell1”、“Cell2”、“Cell3”等規律時,拖動單元格將使用“Cell4”、“Cell5”等進行填充。
針對自定義填充列表:拖動填充還支持自定義列表作為填充源,如按特定規則的日期信息,或開發人員自定義的列表。
要使用內置列表填充單元格,只需設置默認日期的值就足夠了:
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實例時在Spread選項中設置它:
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 });
應該注意的是,在執行拖動填充操作時,用戶自定義列表的優先級更高。
以上就是 SpreadJS 拖拽增強的更新內容,要體驗這些功能并開始學習SpreadJS,請點擊文末了解更多訪問 SpreadJS 產品官網!
SpreadJS 是一款基于 HTML5 的純前端電子表格控件,以“高速低耗、高度類似Excel、可無限擴展”為產品特色,提供移動跨平臺和瀏覽器支持,同時滿足 .NET、Java、App 等應用程序中的 Web Excel 組件開發、數據填報、在線文檔、圖表公式聯動、類 Excel UI 設計等業務場景,為您帶來親切的 Excel 體驗。SpreadJS 在數據可視化、Excel 導入導出、公式引用、數據綁定、框架集成等場景下無需大量代碼開發和測試,極大降低了企業研發成本和項目交付風險。
INCC7.5高級技巧:利用Excel實現窗口控件拖拽。
大家好,今天我將演示如何將WINCC與Excel相結合,以實現批量數據顯示的文件生成。
在AC畫面中,我們可以看到L欄顯示了一個報警字,它是一個十六位無符號報警字。接下來,我們將對報警字中的各個位進行操作。同時,我也創建了一個簡單的列表。
在選擇列表后,下方會出現一個十字標志。此時,我們可以按鼠標右鍵并將其移動到AC畫面的窗口上。當鼠標變成十字形時,松開右鍵。此時,系統會提示我們插入復選框、選項組、多行文字組合框等。我們可以選擇選項組并進行相應設置。
默認情況下,選項組已經被生成。同時,我們需要對其屬性進行調整,將字體調大。我們還需要調整其大小,并為其分配一個變量。接下來,我們將報警字拖入畫面中即可。
同樣的方法,我們可以制作另一個類型的報警字。此時,我們需要右鍵點擊并將其移動到AC畫面中,選擇一個復選框,并對其屬性進行調整。我們可以將字體調整為十六號,并為其分配一個變量。
完成后,我們可以保存并運行該程序。此時,我們可以通過點擊選擇來確定報警字的位置,其中第0位表示1,第15位表示1,其余位均為0。此外,我們還可以進行連續選擇,以使相應位變為1,同時使左側的值變為0。此時,我們還可以進行輸入。
我們可以輸入第二位、第八位和第十三位的值。通過這種方式,我們可以將Excel和AC緊密結合起來,實現批量數據顯示的文件生成。更多內容可以在AC課程中學習。
xBrowser是將基于Chromium的瀏覽器與Java應用程序集成,以處理和顯示HTML5、CSS3、JavaScript、Flash等。
近日,JxBrowser v7.12發布啦!JAVA應用程序瀏覽器集成控件JxBrowser更新至7.12, 現在可以在Chromium 84上運行,并且在使用DOM和JavaScript-Java Bridge API時提供了許多新選項,點擊文末“了解更多”下載最新版JxBrowser。
新增功能
Chromium 84
在這個Chromium構建中,一些與JxBrowser封裝的功能已經被移除或改變,所以這個JxBrowser版本在公共API中引入了一些突破性的變化。
可信事件
com.teamdev.jxbrowser.dom.event.Event接口已經擴展了isTrusted()方法,允許檢測事件是由用戶操作產生的,還是通過EventTarget.dispatchEvent()創建/修改并發送的。
MouseEvent:頁面位置
com.teamdev.jxbrowser.dom.event.MouseEvent接口已經擴展了pageLocation(),允許獲取事件發生時鼠標光標在文檔坐標系中的位置。
MouseEvent:頁面位置
允許從com.teamdev.jxbrowser.dom.event.KeyEvent中獲取鍵碼的功能已經被重新設計為與DOM KeyboardEvent類似。我們為DOM鍵碼引入了DomKeyCode枚舉,并擴展了com.teamdev.jxbrowser.dom.event.KeyEvent的方法,允許獲取DOM鍵碼和一個代表與物理鍵相關聯的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已經擴展了com.teamdev.jxbrowser.js.JsAccessibleClasses,它允許告訴人們特定類型的Java實例可以從JavaScript中訪問。例如
JsAccessibleClasses.add(ArrayList.class, LinkedList.class);
Cookie SameSite
增加了SameSite cookie屬性支持。
改進功能
Bug修復
如果您對jxbrowser感興趣,可以點擊下方“了解更多”了解具體授權和使用機制。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。