现在的位置: 首页 > 综合 > 正文

javascript调用qt

2013年10月07日 ⁄ 综合 ⁄ 共 1246字 ⁄ 字号 评论关闭
 在QtWebkit的javascript里访问QObject的最关键的关键就是下面这个方法:

void QWebFrame::addToJavaScriptWindowObject ( const QStringnameQObject * object )

我们要在js调用该QObject之前调用这个函数。 这个时机不好掌握, 不过我们可以按文档的建议, 把这个函数放在一个signal的槽里调用。 代码如下:

///   in constructor  ///
connect(ui.webView->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()),
this, SLOT(populateJavaScriptWindowObject()));
///   slot      ////
void FormExtractor::populateJavaScriptWindowObject()
{
ui.webView->page()->mainFrame()->addToJavaScriptWindowObject(“formExtractor”, this);
}

addToJavaScriptWindowObject的第一个参数是对象在javascript里的名字, 可以自由命名, 第二个参数是对应的QObject实例指针。 这样在javascript里就可以直接访问formExtractor对象拉, 就像在Qt里访问这个formExtractor一样, 是不是看上去超级简单? 当然事情不会总是怎么简单的。 如果我们翻开Qt文档关于addToJavaScriptWindowObject的说明就会发现, 还有一点非常重要的内容在文档中仅仅是一笔带过, 不注意看很可能就错过了重要的信息:

Make object available under name from within the frame’s JavaScript context. The object will be inserted as a child of the frame’s window object.

Qt properties will be exposed as JavaScript properties and slots as JavaScript methods.

有没有意识到蓝色字体显示的这句话意味着什么呢? 大概聪明的同学们都已经意识到了吧。 要想在js里调用Qt的方法, 还有一个重要的条件需要满足, 那就是把这个方法声明为槽函数, 普通的函数是不行的! 要想在js里直接访问到QObject的成员, 该成员必须定义为属性才行!  而这个QObject不一定非得是QWidget, 可以是任何QObject及其派生类的实例。 满足了上面的条件我们就可以在js里调用formExtractor的函数啦:

<form onsubmit=”formExtractor.submit()”>

这里和调用任何js的变量和函数都是一致的, 具体看看js的语法就行了。

抱歉!评论已关闭.