JavaScript调用Qt本地对象的几点注意!

一、html中的JavaScript调用Qt本地对象方法

过程如下:

  1. 将本地的QObject对象暴露给webkit和JavaScript
  2. 通过JavaScript调用本地QObject的槽

重要代码:

connect(ui->mapWebView->page()->mainFrame(),SIGNAL(javaScriptWindowObjectCleared()),this,SLOT(addJavaScriptObject()));

void Widget::addJavaScriptObject()

{
   //javascript可以通过对象名agenter访问agenter对象。
    ui->mapWebView->page()->mainFrame()->addToJavaScriptWindowObject("agenter",this->pAgenter);
}

 

html中的js调用代码如下:

    map.addEventListener ("click",function(e) { alert(e.point.lng + "," + e.point.lat);

agenter.setPosition(e.point.lng); } );

注意:

1.js中调用的对象必须是QObject对象,因此如果自定义的类其基类必须是QObject类。

2.Javascript中只能调用公共槽函数,因此必须把要调用的函数声明为public slots 。

楼主想要直接访问对象的成员,但是不行,因此要改变对象的成员变量,必须写一个public slots函数,在函数中通过传参形式,改变成员变量的值。例如:

void Agenter::setPosition(QStringlg)

{
    lng = lg;
    double temp = lng.toDouble();
    qDebug()<<temp;qDebug("%f",temp);
}

html中, agenter.setPosition(e.point.lng);

3.百度地图中的经纬度是Number型,传给主程序时以QString型接收才不丢失数据。最后再把QString转换成double型。

4.qDebug()<<temp;//只能输出小数点后3位

 qDebug("%f",temp);//只能输出小数点后6位

 

你可能感兴趣的:(JavaScript,qt)