AlarmPattern[]={"Alarm","Data"};

ConfigNames[]={"Confi1","Config2"};

function OnChange_ConfigTypes(obj)
{
	 var grid = $('#cmb_confignames').data("kendoComboBox");
	  for (var i = 0; i < ConfigNames.length; i++)
                        grid.dataSource.add({ ConfigNames: ConfigNames[i] });

} 

function OnChange_ConfigNames(obj) {

 GenerateAlamrGrid(); //calling this function to create one gris, and added new combo box dynamically "Ptrncmb"

//adding data to the newwly crated combo box

 var grid = $('#ptrncmb').data("kendoComboBox");
            grid.dataSource.data(""); //making combo box empty before adding patetrns Names.

            for (var i = 0; i < AlarmPattern.length; i++) {
              
                    grid.dataSource.add({ text: AlarmPattern[i]});

                }
            
 

}

 function GenerateAlamrGrid();
{

 $("#pane1").append('<td><label id="lblptrnname">PatternName:</label></td><td id ="ptrncmb" width:30px></td>);

    $("#ptrncmb").kendoComboBox({
        dataTextField: "text",
        dataValueField: "value",
        Placeholder: "Select Config Type...",
        filter: "contains",
        suggest: true,
        valuePrimitive:true,
        index: 3,
        change: onPatternChange

    });

}

function onPatternChange()
{
alert("OnPatternchange");

}