• UniGUI学习之UniURLFrame(44)


    UniForm,UniFrame上UniURLFrame的控件不是一体

     Delphi控件 UniURLFrame1

     Html code 写UniURLFrame1.HTML中

     控件分两种unigui的控件,html的控件

    1.取HTML的组件

      Js code(unigui的控件)

    var btn=MainForm.UniURLFrame1.iframe.contentWindow.document.getElementById("btnid");

    alert(btn.id);

    Delphi Code

    UniSession.AddJS('var btn=MainForm.UniURLFrame1.iframe.contentWindow.document.getElementById("btnid");'+

                         'alert(btn.id);');

     2.呼叫javascript function fSelect()

       Js code

        MainForm.UniURLFrame1.iframe.contentWindow.fSelect();

    Delphi Code

       UniSession.AddJS('MainForm.UniURLFrame1.iframe.contentWindow.fSelect();');

    3. UniHtmlFrame.HTML之内容范例

       <!DOCTYPE html>                      

       <html>

        <head>

         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

         <script>

          function hello1(){

            alert("Hello1 OK");

          }

         </Script>

        </head>

        <body>

         <form enctype="multipart/form-data" id="formId" method="post" action="" target="_self">

          txt1:

          <input type="text" name="txt1" id="txt1id" size="30"><br>

          File01:<br>

          <input type="file" name="file01" id="file01id" size="40"><br>

          <input type="submit" value="Send">

         </form>

        </body>

       </html>

    [UniHTMLFrame]

    UniForm,UniFrame上UniHTMLFrame的控件是一体

    Delphi控件 UniHTMLFrame1

     Html code 写UniHTMLFrame1.HTML中

     若有多个UniHTMLFrame,HTML的input id,js的function不可重复

    1.取HTML的组件

      Js code

    var btn= document.getElementById("btnid");

    alert(btn.id);

    Delphi Code

    UniSession.AddJS('var btn= document.getElementById("btnid");'+

                         'alert(btn.id);');

     2.取unigui的控件

      Js code

    var comp=Ext.getCmp(MainForm.UniEdit1.id);

    var comp=document.getElementById(MainForm.UniEdit1.id);

    alert(comp.id);

     2.呼叫javascript function fSelect()

       Js code

        fSelect();

    Delphi Code

       UniSession.AddJS('fSelect();');

    3.注意事项

      UniGUI的UniHtmlFrame中不能使用的HTML标签

    在UniGUI的UniHtmlFrame中不能使用的HTML标签

    UniHtmlFrame有一个HTML属性,可显示HTML文档,但又有一些限制:

    1). 对外部文件,如JavaScript、css文档,不能使用

          <Script arc=”http://archive.cnblogs.com/a/2684342/url>” rel=”nofollow”/>

    2). 在HTML文档中不能使用html、head、title、body等标签,或者说使用也不会产生作用。

    3). JavaScript、CSS内容可以嵌入HTML文档中。

    4). UniHtmlFrame.HTML之内容范例

    <script>

         function hello1(){

           alert("Hello1 OK");

         }

        </Script>

        <form enctype="multipart/form-data" id="formId0" method="post" action="" target="_self">

         txt1:

         <input type="text" name="txt1" id="txt1id" size="30"><br>

         File01:<br>

         <input type="file" name="file01" id="file01id" size="40"><br>

         <input type="submit" value="Send">

        </form>

  • 相关阅读:
    [国嵌笔记][001-003][嵌入式系统概述]
    世界第一魔法师
    详解CSS display:inline-block的应用(转)
    详解CSS float属性(转)
    CSS代码重构与优化之路(转)
    未能加载文件或程序集“XXX”或它的某一个依赖项。试图加载格式不正确的程序。(转)
    【总结整理】display与position之间的关系【较完整】(转)
    css知多少(11)——position(转)
    【总结整理】行内标签span设置position:absolute/float属性可以设置宽度与高度
    【总结整理】display、visibility、overflow的隐藏问题
  • 原文地址:https://www.cnblogs.com/tulater/p/14309024.html
Copyright © 2020-2023  润新知