Checkbox Implementation

[siddharth trikha]

How to create a checkbox dynamically i.e without writing any html
element in .html file?
I do not want to use createDom like this:

var checkBox = goog.dom.createDom('input', {'type': 'checkbox', 'id':
storyId + '=checkbox'});


Is there a way? Help!

[ramesh]

This might be helpful.
http://closure-library.googlecode.com/svn/docs/class_goog_ui_Checkbox.html

Regards,
Ramesh

[Rhys Brett-Bowen]

you could use:

var checkBox = goog.dom.htmlToDocumentFragment('<input type="checkbox" id="' + storyId + '=checkbox">');

Why don't you want to use goog.dom.createDom? What would you like to do?

[Chris Wilson]

Hi Siddharth,

Look at the Checkbox demo, especially the render() method, to see how it
uses the checkbox object's render() method to dynamically create the DOM
(which does for you more or less what you do above).

You may not easily be able to control the ID of the component without
creating the DOM element yourself.

Cheers, Chris.
--
_____ __ _
\ __/ / ,__(_)_ | Chris Wilson <chri...@qwirx.com> Cambs UK |
/ (_/ ,\/ _/ /_ \ | Security/C/C++/Java/Ruby/Perl/SQL Developer |
\__/_/_/_//_/___/ | We are GNU : free your mind & your software |

[siddharth trikha]

I want to use Closure Library widgets as much as possible, not
createDom.

[Rhys Brett-Bowen]

You could extend goog.ui.checkbox and add in a createDom method

On May 18, 4:46 am, siddharth trikha <siddharthtrik...@gmail.com>
wrote:

[siddharth trikha]

Can you please explain how to do it or give a link / reference ?

On May 18, 4:46 pm, siddharth trikha <siddharthtrik...@gmail.com>
wrote:

[Rhys Brett-Bowen]

had a look and there is already a checkBoxRenderer. Try this:

go to: http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/checkbox.html

open up your javascript console and type these in:

a = new goog.ui.Checkbox;
a.render(document.body);

that's it! the goog.ui.Checkbox has a default renderer that will
create the dom for you (render will run the createDom method which
will run the createDom method of the renderer which by default is
goog.ui.CheckboxRenderer). the render will then append the element to
whatever you pass in - in this case I just added it to the body so you
should see a new checkbox at the bottom.

You can change how the Dom is created by passing in a different
renderer - take a look at http://closure-library.googlecode.com/svn/docs/class_goog_ui_CheckboxRenderer.html
to see the default and how that is made).

On May 23, 1:36 am, siddharth trikha <siddharthtrik...@gmail.com>
wrote: