combobox select

by valchev

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.metro.min.css">
    <div id="example">
        <ul id="controls" data-template="controls_template" data-bind="source: questionGroups"></ul>
        <ul id="test" data-template="test_template" data-bind="source: questionGroups"></ul>
    </div>
    
    <script id="controls_template" type="text/x-kendo-template">
        
        # for(var i=0; i < data.length; i++) { 
             for(var j=0; j < data[i].length; j++) { #
                <li>#= data[i][j] #</li>
            # } 
        } #
        
    </script>
    
    <script id="test_template" type="text/x-kendo-template">
        
        # for(var i=0; i < data.length; i++) {
            for(var j=0; j < data[i].length; j++) {
            console.log(i,j); #
            <li><input type="text" data-bind="value: data[i][j]"/></li>
            # }
        } #
        
    </script>

JavaScript

var sampleData = [
    //Questions 
    [
        //Controls 
        ["Control 1.1", "Control 1.2", "Control 1.3"],
        ["Control 1.4", "Control 1.5", "Control 1.6"]
    ],
    [
        //Controls 
        ["Control 2.1", "Control 2.2", "Control 2.3"],
        ["Control 2.4", "Control 2.5", "Control 2.6"]
    ]
];

var viewModel = kendo.observable({
    formName: "",
    formIdentifier: "",
    currentItem: "",
    test1: "asd1",
    test2: "asd2",
    test3: "asd3",
    questionGroups: sampleData
});

kendo.bind($("#example"), viewModel);