动态按钮值每秒更新一次

时间:2012-02-29 10:05:31

标签: jquery dynamic button jquery-mobile

我正在研究从PLC获取数据的JQM应用程序。这些数据是动态的。多个移动设备可以更改需要在应用上使用不同UI的值。

我可以看到按钮的ON和OFF状态。首先是一个脚本读出PLC的值,然后我在UI中进行如下更改:

<html>
<script>
...script to get data from PLC every second...
if (bool==true)
      {
      var content = <'input type="submit" id="onoff" value="lights" data-theme="a" />
$('#dynamicCodeContainer').html(content).trigger("create");
}

if (bool==false)
      {
      var content = <'input type="submit" id="onoff" value="lights" data-theme="b" />
$('#dynamicCodeContainer').html(content).trigger("create");
}
<script>

<html> 
<body>
...body is updated every second....
<div id="dynamicCodeContainer">no dynamic code loaded.</div>
<script>
</script>
</body>

这很好用,当灯光的值发生变化时,主题会发生变化。

作为正文的头部中的脚本每秒都会更新。 (因为不止一个移动设备可以改变灯的状态)。

问题: 我希望用户能够自己更改按钮的值。 我可以输入一个允许输入文本的文本输入,我已经可以写入PLC了 并在变量中再次读出。我们称之为文本按钮。

这个textbutton变量位于HTML文件头部的JS中。 我已经可以更改onoff按钮'manualy'的值,请参阅链接:

http://jsfiddle.net/UVdVe/7/

我在哪里放置覆盖value =“lights”的JS以及JS看起来像什么?

我认为在这种情况下的挑战是使用

$('#dynamicCodeContainer').html(content).trigger("create"); 

<div id="dynamicCodeContainer">no dynamic code loaded.</div>.

希望收到你的来信。

提前谢谢。

0 个答案:

没有答案