Login Register

programmatically

(Solved) connect to grid onSet event programmatically

I'm trying to connect to a grid for the onSet event like this:

var gridEventHandler = {
onset: function(item,attr,oldVal,newVal) {}
}
dojo.connect(grid,'onSet',gridEventHandler,'onset');

The event handler does not fire. What am I doing wrong?

Position of programmatically created grid, cell header position.

Hi. I am creating a grid programmatically, and I have the following problems:

* I can't get the grid to position where I want unless I use a BorderContainer to put the grid in.
* Cell headers are printed over the first row of data in the grid
* Tundra CSS theme seems not to be working.

Why do I need BorderContainer? How do I fix the cell headers? How do get the tundra theme to work?

Full working code example (Sorry for long post, i cut the file into blocks for highlighting).

Programmatic MultiSelect

I get an error trying to create a MultiSelect programmatically.

The error is around line 21 as says: "Object doesn't support this property or method"

Has anyone had any success doing this?

Source:


<html>
<head>

<title></title>

<style type="text/css">
@import "/dojoroot/dijit/themes/tundra/tundra.css";
@import "/dojoroot/dojo/resources/dojo.css";
</style>
<style>
/* NOTE: for a full screen layout, must set body size equal to the viewport. */

Create BorderContainer programmatically

Hi,
I try create BorderContainer programmatically with this way:

document.body.appendChild(node); // necessary for tab contianer ???
node.style.cssText = "border: 2px solid black; width: 90%; height: 300px; padding: 10px;";
var bc = new dijit.layout.BorderContainer({design: "sidebar"},node);

var node = document.createElement("div");
document.body.appendChild(node);
node.style.cssText = "background-color: #b39b86; height: 100px;";
var widget = new dijit.layout.ContentPane({region: "top", splitter: "true"},node);
bc.addChild(widget);

Creating dojo widgets programmatically from JSON

Hi,
I try to create Menu from JSON, but it doesn't work and I don't know how to do it.

This is my JSON:

var menu= [
{type: "Menu", params: {targetNodeIds:["bodyAttachPoint"], id:"bodyAttachPoint"}, children: [
{type: "MenuItem", params: {label:"Simple menu item 1"}},
{type: "MenuItem", params: {label:"Simple menu item 2"}},
{type: "MenuSeparator"},
{type: "MenuItem", params: {label:"Simple menu item 3"}, children: [
{type: "MenuItem", params: {label:"Simple menu item 4"}},
{type: "MenuItem", params: {label:"Simple menu item 5"}}
]}

dijit.InlineEditBox and onChange

I'm creating a bunch of dijit.InlineEditBoxes programmatically, and having some trouble with the onChange event. While if you create the editboxes statically, you can set a complex onChange function, ie

Edit me

when creating them programmatically, it seems that the onChange has to be a pointer to a function, and only passes the new value of the editbox; ie

var inlineEdit = new dijit.InlineEditBox({
autoSave:true,

Highlighting tree nodes programmatically

I am working on a project to build a web-based audio player.

I am using a tree to represent the tracks (songs) of an audio recording; and I have gotten much of the functionality I want to work. The tree displays correctly (with icons), and I can click on a tree node, and the player will play that track.

Syndicate content