通过编程方式从某个地方使用dijit / form / select到内容窗格

时间:2012-12-21 06:43:23

标签: select dojo

您好,我不确定在将选择表单插入名为“center 1”的内容窗格时,代码出错了。当我删除评论时,所有代码都在使用注释屏蔽选择代码时正常工作。它不起作用。

See my jsfiddle

并查看我的选择代码: -

var select_Card = new Select
                (
                    {   
                        options:[
                                    {label:"Mk7ABC Card", value:"testdata1970_05", selected:false},
                                    {label:"Mk7CBC Card", value:"testdata1970_10", selected:true},
                                    {label:"Mk10DC Card", value:"testdata2060_03", selected:false},
                                    {label:"Mk6BC Card", value:"dbProdigy", selected:false},
                                    {label:"Mk6NBC Card", value:"dbProdigy_MK6N", selected:false},
                                ],
                        style:{width:'250px'}
                    }, "id4"); 
                select_Card.startup();                 

请指教。谢谢 克莱门特

1 个答案:

答案 0 :(得分:0)

在你的小提琴中,“target”是ContentPane dijit的id。所以当你写这个:

var select2 = new Select
    ({name: "select2",
      .....     
 }, "target");

您告诉Select选择将ContentPane变为Select(从技术上讲,您告诉它劫持ContentPane的div,其id为“target”)。

如果您只想将Select放入ContentPane,您可以执行以下操作:

var select2 = new Select
    ({name: "select2",
      .....     
 }).placeAt(registry.byId("target").containerNode);

你的小提琴还有其他一些问题:

¤依赖关系必须与require()的数组和回调中的顺序相同:

require(["foo/Widget1", "foo/Widget2", "bar/Widget3"],
    function(Widget1, Widget2, Widget3) {....

不是

require(["foo/Widget1", "bar/Widget3", "foo/Widget2"],
    function(Widget1, Widget2, Widget3) {....

(请注意,Javascript也区分大小写,因此如果您在代码中编写“Select”,则无法在require参数中选择“。”。

¤请记住为您的小部件添加必要的CSS:

<style type="text/css">
@import url("someUrl/dojotoolkit/dijit/themes/claro/claro.css");
@import url("someUrl/dojotoolkit/dojo/resources/dojo.css");
....

以下是更新的示例:http://jsfiddle.net/AxVcq/30/