var xhr = new XMLHttpRequest();
xhr.open("GET",url,true);
xhr.onreadystatechange = function () {
> if (xhr.readyState == 4) {
> var resp = JSON.parse(xhr.responseText);
> if (resp instanceof Array) {
> sheet.setDataSource(resp);
> }
}}
xhr.send();綁定數據后還可以為其添加篩選、排序等功能。如為其篩選區(qū)域。如想查看北方區(qū)所有的論壇帖子，就可以在sheet表單第9列為其綁定篩選條件。
var condition =new GC.Spread.Sheets.ConditionalFormatting.Condition(
GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition,
{compareType: GC.Spread.Sheets.ConditionalFormatting.TextCompareType .contains,
expected: "\*北方區(qū)\*",} );
sheet.rowFilter().addFilterItem(9, condition);
sheet.rowFilter().filter(9);
sheet.rowFilter().filterButtonVisible(true);其結果如下圖所示：
根據條件規(guī)則設置樣式
sheet.conditionalFormats.addSpecificTextRule(
GC.Spread.Sheets.ConditionalFormatting.TextComparisonOperators.contains,
"未處理",style1,ranges);
sheet.conditionalFormats.addSpecificTextRule(
GC.Spread.Sheets.ConditionalFormatting.TextComparisonOperators.contains,
"處理中", style2,ranges);以上代碼分別為"未處理"與"處理中"賦值不同樣式。這樣子可以很醒目看到論壇帖子處理狀態(tài)。其結果如下所示：
利用可以導出Excel的特性，可以將當前sheet導出到Excel中。
在導出Excel前，要通過獲取其序列化數據。這時候要注意序列化選項：將設置為true。
nRows設置為true。
var serializationOption = {
includeBindingSource: true,
columnHeadersAsFrozenRows: true,
};
var json = spread.toJSON(serializationOption);在序列化成功后，就可以導出到Excel文件啦。
var excelIo = new GC.Spread.Excel.IO();
excelIo.save( json,
function (blob) {
saveAs(blob, fileName);
},function (e) {
console.log(e);
}
);
說完的一些功能excel表格保存提示不兼容，下面咱們介紹下Chrom插件吧。
插件，官方名稱（擴展程序）；為了方便理解，以下都稱為插件。
我們開發(fā)的插件需要在瀏覽器里面運行，打開瀏覽器，通過右上角的三個點（自定義及控制）-更多工具-拓展程序-打開開發(fā)者模式。點擊"加載已解壓的拓展程序，選擇項目文件夾，就可將開發(fā)中的插件加載進來。
插件是基于Web技術構建的，例如HTML、和CSS。它們在單獨的沙盒執(zhí)行環(huán)境中運行并與瀏覽器進行交互。插件允許我們通過使用API修改瀏覽器行為和訪問Web內容來擴展和增強瀏覽器的功能。
首先在.json文件中進行基礎配置，如icons可以配置插件圖標，我們的插件安裝后，popup頁面也運行了；但是我們也發(fā)現了，popup頁面只能做臨時性的交互操作，用完就關了，不能存儲信息或者和其他標簽頁進行交互等等；這時就需要用到（后臺），它是一個常駐的頁面，它的生命周期是插件中所有類型頁面中最長的；這里設置.js 用來作為后臺管理，處理通知等、刷新、徽章等數據。至于配置之前也提到了excel表格保存提示不兼容，可以配置彈出頁面，最后的可以配置權限。
基礎配置之后，就可以在.js中來進行我們的處理啦。
在插件安裝成功后，可以通過.這個api創(chuàng)建刷新時間與通知時間。
chrome.runtime.onInstalled.addListener(function () {
console.log("插件已被安裝");
chrome.storage.sync.get(["notiTime", "updateTime"], function (result) {
if (result && result.notiTime) {
var notiTime = parseFloat(result.notiTime);
if (notiTime \> 0) {
chrome.alarms.create("UserReplyTimer", { periodInMinutes: notiTime });
}
}
if (result && result.updateTime) {
var updateTime = parseFloat(result.updateTime);
if (updateTime \> 0) {
chrome.alarms.create("UpdateCountTimer", {
periodInMinutes: updateTime,
});
}
}
});
});當刷新時間到，可以為其更改插件圖標徽章中待處理帖子數量。使用. 控制 工具欄中的擴展程序圖標。
chrome.action.setBadgeBackgroundColor({ color: "\#CCCCFF" });
chrome.action.setBadgeText({
text: unreadTopicCount \> 0 ? "" + unreadTopicCount : "",
});其結果如下圖所示，還有17個帖子需要處理，提示自己加油呀！
當通知時間到，在電腦右下角可以彈窗瀏覽器通知，通知我們待辦數量。使用. 使用模板創(chuàng)建豐富的通知，并將這些通知顯示給系統(tǒng)托盤中的用戶。當你的桌面不再停留在瀏覽器，或許你在處理郵件，或許你在編輯Excel。這時候系統(tǒng)發(fā)出的通知，會大大提高你的工作效率。
var options = {
type: "basic",
iconUrl: "img/icon.png",
title: "GCDN提醒",
message: "你關注的板塊有" + unreadTopicCount + "個帖子需要處理",
};
chrome.notifications.clear("UserReplyNotification");
chrome.notifications.create("UserReplyNotification", options);其結果如下圖所示：
此外還可以選擇在瀏覽器選項卡中打開任務列表。可以更清晰查看自己的待做事項。
.tabs.({url: ..href});
至此，基礎谷歌插件的應用就介紹到這里啦，快來開發(fā)屬于自己的插件吧。
本文內容源自葡萄城