1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <html> <head> <script type="text/javascript"> $(function){ $("#buttonNode").button({ label: "button" }); }); </script> </head> <body> <div> <button id="buttonNode"></button> </div> </body> </html> |
1 2 3 4 5 6 7 8 | // 获取 widget id 为 programmatic 的控件 var widget = dijit.byId("programmatic"); // 获取 body 标签下的所有控件 var widgets = dijit.findWidgets(dojo.body()); // 获取 DOM 树根节点为以 node 的控件 var widget = dijit.byNode(node); // 获取 DOM 树中包含 node 节点的控件 var widget = dijit.getEnclosingWidget(node); |
1 2 3 4 5 6 | // 调用控件方法 widget.someMethod(); // 使用 get 获取控件属性 var value = widget.get(attributeName); // 使用 set 设置控件属性 widget.set(attributeName, value); |
1 2 | // 获取控件对象 var button = Ext.getCmp("button"); |
1 2 3 4 5 6 | // 获取控件成员变量,直接访问成员变量 var buttonText = button.text; //button 控件为 width 属性添加了 setWidth 方法,以便 width 属性改变后,对 DOM 节点进行处理。 button.setWidth(100); // 调用控件成员函数,类似 Java 的对象方法调用方式 button.focus(); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <html> <head> <script type="text/javascript"> $(function){ // 为 button 标签创建 Button 控件 $("#buttonNode").button({ label: "button" }); // 调用 Button 控件的 disable 方法 $("#buttonNode").button("disable"); }); </script> </head> <body> <div> <button id="buttonNode"></button> </div> </body> </html> |
1 2 3 4 5 6 | // 调用 option 方法获取 $.ui.button 控件的属性表 var options = $("#buttonNode").button("option"); // 设置 buttonNode 节点对应的 $.ui.button 控件的 label 属性 $("#buttonNode").button({ label: "changed label" }); |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |