container id in html template

Discontinued products DHTMLX Touch
#1

Hi,

I have a code like this :
a html template : temp.html

<div>#name#</div>
... many html code...
<div id="testdiv1">test1</div>

... many html code...

and my index.html

<!DOCTYPE html>
<html>
    <head>
        <script src="touchui/js/touchui_debug.js" type="text/javascript"></script>
        <link rel="STYLESHEET" type="text/css" href="touchui/css/touchui_debug.css">
        <script>
            var data={name:"namedata"};
            var data2=[{name:"name1"},{name:"name2"},{name:"name3"}];
        
			var config={
                container:"groupBox",
                rows:[
                        { 
                            view: "template",
                            template: "http->temp.html",
				            data: data,
				            datatype: "json"
                        },
                        {
                            view: "dataview",
                            container:"testdiv1",
                            template: "<div>#name#</div>",
				            data: data2,
				            datatype: "json"
                        }
    				]
                };
            dhx.ready(function(){
	           dhx.ui(config);
            });
    </script>
    </head>
<body>
    <div style="width:320px;height:450px;border:1px solid #ADADAD; margin:50px;">
		<div id="groupBox" style='width:100%; height:100%;'>
		</div>
    </div>
</body>
</html>

how is it possible to defined container for my dataview to “testdiv1” when “testdiv1” is defined in my html template (temp.html)

thanks for your help

#2

You can render template and after that render dataview ( as template’s html will be ready and dataview will be able to locate its container )

var dataview = { view: "dataview", container:"testdiv1", template: "<div>#name#</div>", data: data2, datatype: "json" }; var template = { container:"groupBox", view: "template", data: data, datatype: "json" }; dhx.ready(function(){ //load template dhx.ajax("temp.html", function(text){ //render template template.template = text, dhx.ui(template); //render dataview in template dhx.ui(dataview); }); });