代码之家 › 专栏 › 技术社区 › nanj

Dojo工具包-如何使用按钮更改表列的颜色?

dojo datagrid javascript

nanj · 技术社区 · 8 年前

我对dojo是一个完全的初学者,只是一直在遵循网站上的教程。现在,我试图在按下按钮时动态更改表格的背景色。这是我的html代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">

        <link rel="stylesheet" href="dijit/themes/claro/claro.css">
        <!-- load Dojo -->
        <script>dojoConfig = {parseOnLoad: true}</script>
        <script src="dojo/dojo.js" data-dojo-config="async: true"></script>
        <script> require(['myModule.js']); </script>

        <title>table</title>

    </head>

    <body class="claro">
        <h1 id="greeting">test table</h1>

    <table data-dojo-type="dojox.grid.DataGrid" id="tableContainer">
        <thead>
            <tr>
                <th field="col1">Company</th>
                <th field="col2">Contact</th>
                <th field="col3">Country</th>
            </tr>
            <tr>
                <td>Alfreds Futterkiste</td>
                <td>Maria Anders</td>
                <td>Germany</td>
            </tr>
        </thead>
    </table>

    <button id="progButtonNode" type="button"></button>
    <div id="result1"></div>
    </body>
</html>

require(["dijit/form/Button", "dojo/dom", "dojo", "dojo/domReady!"], function(Button, dom){
    // Create a button programmatically:
    var myButton = new Button({
        label: "Click me!",
        onClick: function(dojo){
            //dom.byId("result1").innerHTML += "Thank you! ";
            dojo.style("tableContainer", "background-color", "red");
        }
    }, "progButtonNode").startup();
});

1 回复 | 直到 8 年前

bajji 8 年前

您需要在节点上应用样式,以便

dojo.style(dom.byId("tableContainer"), "background-color", "red");

dijit.byId('yourgid').set('class','yourcssclass');

您还可以使用onStyleRow事件设置行的样式

推荐文章

Onsokumaru · Dojo:第二次放置同一个dom节点在IE11上不起作用

7 年前

Jeremy Swagger · 返回值Jasmine的延迟对象

7 年前

NIV · dojo中源和目标之间的差异

7 年前