如何以编程方式将HTML元素更改为DOJO小部件?

时间:2014-08-22 05:47:45

标签: html dojo birt dojox.grid.datagrid dijit.form

我的方案如下:

我目前正在使用DOJO框架1.9,使用BIRT报告工具4.2。 BIRT在页面中创建一个表单元素(动态),所有输入字段(来自dojo)都在此表单下。 当我尝试验证表单时(提交时),我无法做到这一点,因为表单不是DOJO表单。

那么,有没有办法以编程方式将此HTML表单转换为DOJO表单(dijit.form)?

或者,通常,是否可以通过编程方式将HTML元素更改为DOJO小部件?

1 个答案:

答案 0 :(得分:1)

您可以使用dojo实现这两种解决方案。您可以以编程方式或声明方式创建Dojo小部件。您可以通过编程方式将任何HTML元素转换为DOJO小部件。 例如,由Id。

以编程方式创建的按钮
<body class="claro">
    <div>
      <!--HTML Button element with id ="btn2"-->
        <button id="btn2"></button>
    </div>
    <script>
        require(["dijit/form/Button", "dojo/domReady!"], function(Button) {
            var button2 = new Button({
                iconClass: "dijitIconNewTask",
                showLabel: false,
                label: "Click Me!", // analogous to title when showLabel is false
                onClick: function(){ console.log("Second button was clicked!"); }
            }, "btn2");//this is the id of HTML element.

            button2.startup();
        });
    </script>
</body>

View Programmatic Demo Here

以同样的方式,您可以以编程方式创建任何Dojo小部件。