使用ColorDialog

本示例可参考示例文件"CaseStudy\WebViewer\调用Foxtable对象.Table"的窗口"颜色和字体对话框"。

可以在js脚本中使用ColorDialog
选择颜色,同样需要指定一个回调函数用于处理用户选择的颜色。

需要注意的是,ColorDialog传递给js脚本的颜色是一个整数,所以需要进行计算转换:
 

// 调用ColorDialog选择颜色
function callBackendColorDialog() {
    const colorDialog = ft.ColorDialog();
    colorDialog.CallBack = "handleColorCallback"; //
指定回调函数

    colorDialog.ShowDialog();
}
//
回调函数,接收后端返回的颜色数据,更新文本框的文字颜色
function handleColorCallback(colorArgb) {
    const r = (colorArgb >> 16) & 0xFF;
    const g = (colorArgb >> 8) & 0xFF;
    const b = colorArgb & 0xFF;
    const rgbColor = `rgb(${r}, ${g}, ${b})`;
    textBox.style.color = rgbColor;

}


本页地址:http://www.foxtable.com/webhelp/topics/6349.htm