建立自訂 ThingWorx 小器具的提示
本部份提供了建立自訂小器具的提示。
• 使用 this.jqElement 來限制您的元素選取項。如果 DOM 中存在重複 ID 與類別，這可減少引進應用程式中非預期行為的機會。
使用如範例程式碼所示的 this.jqElement 來限制您的元素選取項：
this.jqElement.find('.add-btn').click(function(e){
...do something...});
• 記錄 - 您可以建立記錄事件以對混搭進行偵錯。建議您使用下列方法在執行時間環境中建立記錄訊息：
◦ TW.log.trace(message[, message2, ... ][, exception])
◦ TW.log.debug(message[, message2, ... ][, exception])
◦ TW.log.info(message[, message2, ... ][, exception])
◦ TW.log.warn(message[, message2, ... ][, exception])
◦ TW.log.error(message[, message2, ... ][, exception])
◦ TW.log.fatal(message[, message2, ... ][, exception])
記錄可在「監視」選單下找到。選取記錄以開啟記錄視窗，來檢視記錄訊息。如果您使用的瀏覽器支援 console.log()，也會在偵錯工具控制台中出現訊息。
• 格式化 - 如果您擁有基礎類型設定為 STYLEDEFINITION 的內容，則可以使用下列程式碼取得樣式資訊：
var formatResult = TW.getStyleFromStyleDefinition(
widgetProperties['PropertyName']);
如果您擁有基礎類型設定為 STATEFORMATTING 的內容，請使用下列程式碼：
var formatResult = TW.getStyleFromStateFormatting({
DataRow: row,
StateFormatting: thisWidget.properties['PropertyName']
});
在這兩種情況下，formatResult 是具有下列預設值的物件：
{
image: '',
backgroundColor: '',
foregroundColor: '',
fontEmphasisBold: false,
fontEmphasisItalic: false,
fontEmphasisUnderline: false,
displayString: '',
lineThickness: 1,
lineStyle: 'solid',
lineColor: '',
secondaryBackgroundColor: '',
textSize: 'normal'
};