获取unigui 控件id 及获取html值

UniSession.AddJS('MainForm.UniEdit1.setValue(MainForm.mainpanel.id)');

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
获取 web-view 中 HTML 中改变的控件id,你需要使用 JavaScript 来实现。可以通过以下步骤完成: 1. 在 HTML 中,为控件添加一个 `id` 属性,以便可以通过该 `id` 来获取控件。例如: ```html <input type="text" id="myInput"> ``` 2. 使用 JavaScript 监听控件的改变事件,并将改变的发送给父页面。在 HTML 中添加以下代码: ```html <input type="text" id="myInput" onchange="sendValue(this.id, this.value)"> ``` 上述代码中,`onchange` 事件会在输入框的发生改变时触发,并调用 `sendValue` 函数将控件的 `id` 和新的作为参数传递。 3. 在 JavaScript 中,定义 `sendValue` 函数来将控件的 `id` 和发送给父页面。在 HTML 中添加以下脚本代码: ```javascript <script> function sendValue(id, value) { var message = { id: id, value: value }; window.parent.postMessage(message, '*'); } </script> ``` 上述代码中,`sendValue` 函数使用 `window.parent.postMessage` 方法将包含控件 `id` 和的消息发送给父页面。`'*'` 参数表示允许向任何源发送消息。 4. 在父页面中,监听 `message` 事件来接收从 web-view 发送过来的消息,并提取控件的 `id` 和。在父页面的 JavaScript 中添加以下代码: ```javascript window.addEventListener('message', function(event) { var message = event.data; var id = message.id; var value = message.value; console.log('Control ID:', id); console.log('New Value:', value); }); ``` 上述代码中,我们使用 `window.addEventListener` 方法监听来自 web-view 的 `message` 事件。当事件触发时,我们从 `event.data` 中提取控件的 `id` 和,并在控制台打印出来。 通过以上步骤,你可以在 web-view 中获取控件的改变控件id,并将其发送给父页面进行处理。请确保在父页面中添加了对 `message` 事件的监听,并适当处理接收到的消息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值