欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Qt与JavaScript联合使用

程序员文章站 2022-04-16 21:29:50
...

版本:Qt4

需求:

界面显示通过html模板文件加载数据库数据。(重点主要表格体现属性)

Qt与JavaScript联合使用

技术要点:

Qt:

//addToJavaScriptWindowObject()将QObject对象传给JS,这样JS就能调用QObject的共有槽函数。
//Qt通过evaluateJavaScript()直接调用JS中的函数。

目前我用的以下思路,js调用槽函数
步骤:
1.new QWebView
2.设置setAttribute(JavascriptEnabled,true)
3.setURL(".....html");
4.设置Js调用的函数(必须是槽函数,不需要conncet)

JS:

var data;
document.getElementById("Name").innerHTML=data[0].Name;

function()
{
    var data = Qt类名.Qt槽函数();
    reture data;
}

 HTML:

<table border="1">
  <tr>
    <th>Name</th>
    <th id= Name></th>
  </tr>
  <tr>
    <td>Age</td>
    <td id= Age></td>
  </tr>
  <script type="text/javascript" src="myScript.js"></script>
</table>

后记

东西比较粗,只是根据需求完成的一些功能。