dijit.layout - Dojo is not working -


i new @ dojo , here code:

    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/resources/dojo.css"></link>     <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.1/dijit/themes/tundra/tundra.css"></link>     <link rel="stylesheet" type="text/css" href="../../../../resources/themes/default/styles/layout.css" th:href="@{/resources/default/styles/layout.css}"></link>       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/dojo.js" data-dojo-config="parseonload:true"></script>      <script type="text/javascript" src="../../../resources/dev/scripts/spring.js" th:src="@{/resources/spring/spring.js}"></script>     <script type="text/javascript" src="../../../resources/dev/scripts/spring-dojo.js" th:src="@{/resources/spring/spring-dojo.js}"></script>    <div id="gridcontainer" style="width: 100%; height: 400px;"></div>      <script type="text/javascript">         dojo.require('dojo.store.jsonrest');         dojo.require('dijit.layout.contentpane');         dojo.require("dijit.form.button");         dojo.require('dojox.grid.datagrid');         dojo.require('dojo.data.objectstore');         dojo.require('dijit.form.textbox');         dojo.require('dojox.data.andorreadstore');         dojo.require('dojo._base.xhr');         dojo.require('dojo.json')         dojo.require('dojo.domready');          dojo.ready(function() {              var applayout = new dijit.layout.contentpane({                             id: "applayout"                             }, "applayout");              var textbox = new dijit.form.textbox({                         name: "searchbox",                         placeholder: "search ..."                         });              textbox.placeat('applayout');                           applayout.placeat('gridcontainer');              applayout.startup();              });     </script> 

firefox tells me there error:

typeerror: d null (undefined="[object object]", undefined="null")contentpane.js (línea 4) (undefined="[object object]", undefined=""applayout"")_widgetbase.js (línea 4) (undefined="[object object]", undefined=""applayout"")dojo.js (línea 104) ()home (línea 16) ()dojo.js (línea 237) ()dojo.js (línea 236) (undefined="1000")dojo.js (línea 237) [detener en este error] b._contentsetter&&b._contentsetter.par...=u.getlocalization("dijit","loading", 

any appreciated.

you're doing strange things. suppose want textbox inside contentpane, if i'm not right, forget following answer.

there several mistakes in code:

while creating applayout contentpane, you're providing second argument (which use put "applayout" in. argument used define dom node (or id of dom node) should used place contentpane at. don't have dom node id called applayout. more information @ api documention says second parameter srcnoderef. solution leave parameter empty.

then second mistake you're placing textbox inside contentpane before placed on dom , started up. re-arranging code contentpane placed on grid container first work.

the complete code, changes:

dojo.require('dojo.store.jsonrest'); dojo.require('dijit.layout.contentpane'); dojo.require("dijit.form.button"); dojo.require('dojox.grid.datagrid'); dojo.require('dojo.data.objectstore'); dojo.require('dijit.form.textbox'); dojo.require('dojox.data.andorreadstore'); dojo.require('dojo._base.xhr'); dojo.require('dojo.json') dojo.require('dojo.domready');  dojo.ready(function() {      var applayout = new dijit.layout.contentpane({         id: "applayout"     });     applayout.placeat('gridcontainer');     applayout.startup();      var textbox = new dijit.form.textbox({         name: "searchbox",         placeholder: "search ..."     });     textbox.placeat('applayout');               }); 

or jsfiddle. startup not required able place textbox, code grouped bit better.

i suggest update code use asynchronous syntax (dojo 1.7+) since syntax you're using deprecated since 1.7 , since you're using 1.9 don't see benefit writing new code old syntax since not work in dojo 2.0.


Comments

Popular posts from this blog

matlab - Deleting rows with specific rules -

php - MySQLi multi_query results for later use -