Create TextBox - In Code

by LeeMellinger

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.min.css">
<script src="http://cdn.kendostatic.com/2014.3.1119/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1119/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js"></script>

</div> id="screens"</div>
   
<!-- 
<input id="dateofBirth1" />
<input id="dateofBirth2" />
<input id="dateofBirth3" />
-->

JavaScript

$(document).ready (function () {
    
    // $("#dateofBirth1").kendoDatePicker();
    //$("#tb");
    // $("#dateofBirth3").kendoDatePicker();
    
    // createTextBox('screens', 'test1', 'tb1');
    
    // $("#screens.tb1").kendoDatePicker();
    
    createTextBox2('test3','mytest1');
    
    // $("#test2").kendoDatePicker();
    
});

function createTextBox(targetName, id, name) {

    var target = document.getElementById(targetName);
    var oFrag=document.createDocumentFragment();

    var iptNode = document.createElement("input");
    iptNode.setAttribute("type", "text");
    iptNode.setAttribute("id", id);
    iptNode.setAttribute("name", name);
    oFrag.appendChild(iptNode);

    target.appendChild(oFrag);
}

function createTextBox2(id, name) {

    // var target = document.getElementById(target);
    // var oFrag=document.createDocumentFragment();

    var iptNode = document.createElement("input");
    iptNode.setAttribute("type", "text");
    iptNode.setAttribute("id", id);
    iptNode.setAttribute("name", name);
    $('body').append(iptNode);
    
}