TabStrip and DropDownList ***Urgent

1 posts, 0 answers
  1. Rocio
    Rocio avatar
    28 posts
    Member since:
    Dec 2015

    Posted 11 Jan Link to this post

    Thank you in advance for any information you may provide:

    I got the following code, which is also found on

    I am trying to have a tabstrip with a dropdownlist on it.  This is the way it was coded and was working fine with older versions of Telerik; unfortunately between changes on Chrome and newer versions of Chrome this is not longer working; and we are in big trouble because our sites have a lot of dropdownlists within a tabstrip. 


    <!DOCTYPE html>
      <meta charset="utf-8">

      <link rel="stylesheet" href="">
      <link rel="stylesheet" href="">
      <link rel="stylesheet" href="">
      <link rel="stylesheet" href="">

      <script src=""></script>
      <script src=""></script>
      <script src=""></script>
      <script src=""></script></head>
      <div id="divSysInfoArea" >
        <div id="divSystemInfo" style="display:none">    
      <div id="tabStrip" style="clear:both">
            <li id="liGeneralInfo" class="k-state-active">General Info</li>
            <li id="liContacts">Privacy</li>
        <div id="tabGeneralInfo">
            <br />
            <table style="width:100%" id="tblGeneralInfo">
                    <td style="width:20%"><label>System Name: </label></td>
                    <td style="width:80%"><label id="lblSysName" style="font-weight:bold;width:320px"></label></td>
                    <td style="width:20%"><label>Version: </label></td>
                    <td style="width:80%"><label id="lblSysVersion" style="font-weight:bold;width:320px"></label></td>
                    <td style="width:20%"><label>System Description: </label></td>
                    <td style="width:80%">
                        <input id="txtSysDescription" maxlength="200" style="width:550px" />
                    <td>Operated By:</td>
                    <td><input class="dd-hover" id="kdlOperatedBy" style="width:110px;" /></td>
                    <td>Hosted: </td>
                    <td><input id="kdlHostedPlace" style="width:100px" /></td>
                    <td>System Status:</td>
            <br />
        <div id="second">
          <input id="kdlSecondTab" type="text" />
        //constructor, members initialization
    var    sysInfoId = 13001; 
    var InventorySystemInfoEditor = function (sysInfoId) {
        this.sysInfoId = sysInfoId;
        this.sysInfo = null;
        this.lnk = null;
    InventorySystemInfoEditor.prototype = function(){
       var sysOwnerGrid;
        var contactGrid;
        var offices = [], vmOffices;
        var sysCategories = [], vmSysCategories;
        var sysPurposes = [], vmSysPurposes;
        var sysStatus = [], vmSysStatus;
        var vmSysInfo;
        var wndSysOwnerEditor;
        var vmPII;
        var stageGrid;
        initialize = function () {

        load = function () {

            lnk = $("#lnkSystem");

            var file = "zSysInfo.html";
            var sie = this;

            $('#divSystemInfo').load(file, function () {
                   // sie.tabStrip = $('#tabStrip').kendoTabStrip().data("kendoTabStrip");

                    var id = 130001
                    if (id > 0) {
          loadDDL = function() {
            var sf = this.sysInfo;
                dataTextField: "text",
                dataValueField: "value",
                dataSource: [{ text: "Accounting", value: "Acct" }, { text: "Finance", value: "Fin" }]
                , value: sf.OperatedBy
                , change: function (e) {
                    updateSysInfoStringField(sf.SystemInfoId, "OperatedBy", this.value());
          return {
            load: load
             , initialize: initialize
        $(document).ready(function() {

Back to Top