Custom Control Question

I have a control defined as follows

AW.HTML.userInfo = AW.System.Control.subclass();
AW.HTML.userInfo.create = function()
{
    var obj = this.prototype;
    obj.setTag("div");

    obj.defineTemplate("myfield", new AW.HTML.SPAN);
    with (obj.getTemplate("myfield"))
    {
        setClass("left-column","text");
        setContent("");
    }
}

Then I have made a function for that object as follows

AW.HTML.userInfo.prototype.update = function (theInfo)
{
    for (var d in theInfo)
    {
        with(this.getTemplate(d))
        {
            setContent(theInfo[d]);
        }
    }
}

Then I pass an associative array as my parameter like this

var myUser = {'myfield':'test data'};
userInfo = new AW.HTML.userInfo;
userInfo.setId("mycontrol");
userInfo.update(myUser);

The problem revolves around this line I believe but not sure how to solve it.

Problem: ?????
with(this.getTemplate(d))

Not sure how to get the template from another defined function. Anyone?

Ok. Found my own answer. The code for the defined function is like

AW.HTML.userInfo.prototype.update = function (theInfo)
{
    for (var d in theInfo)
    {
        eval('myobj = this.getTemplate("'+d+'")');
        with(myobj)
        {
            setContent("html",theInfo[d]);
        }
    }
}

I guess you can also define it within the class itself and not externally as follows

obj.update = function (theInfo)
    {
        for (var d in theInfo)
        {
            eval('myobj = this.getTemplate("'+d+'")');
            with(myobj)
            {
                setContent("html",theInfo[d]);
            }
        }
    }

While your original function should've worked, the workaround seems to be a real kludge. Personally, I run into problems with "with()" quite often. Probably because I don't completely understand how it works. Anyway, have you tried simply:

AW.HTML.userInfo.prototype.update = function (theInfo)
{
for (var d in theInfo)
this.getTemplate(d).setContent(theInfo[d]);
}

?

Yes. That was the first thing I tried.

Tony, this seems to work:

AW.HTML.userInfo = AW.System.Control.subclass();
AW.HTML.userInfo.create = function()
{
var obj = this.prototype;
obj.setTag("div");

obj.defineTemplate("myfield", new AW.HTML.SPAN);
with (obj.getMyfieldTemplate())
{
setClass("left-column","text");
setContent("html", "<b>test</b>");
}

obj.setContent("html", function() {
return this.getMyfieldTemplate();
})

obj.update = function (theInfo)
{
for (var d in theInfo)
{
this.getTemplate(d).setContent("html",theInfo[d]);
}
}
}

var myUser = {'myfield':'test data'};
userInfo = new AW.HTML.userInfo;
userInfo.setId("mycontrol");
userInfo.update(myUser);

I finally got it working after chaning return this.getTemplate("myfield") to this.getMyfieldTemplate() in update(). For reasons I still don't understand, the object in 'this' didn't have a reference to 'getTemplate', but it was more then happy to provide a reference to 'getMyfieldTemplate'.

Hello,

Any one help me How to drag items inside the list box usin javascript.

Thanks a lot.

To the anonymous previous poster. OPEN YOUR OWN TICKET! Stop spamming all the other tickets with your questions that are unrelated you pest!