Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  
<link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
​
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>  
<script src="http://documentcloud.github.io/underscore/underscore-min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.web.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<script id="template" type="text/x-kendo-template">
    <div class="k-edit-label">
        <label for="uploadFile">UPLOAD Questionnaire and supporting documents</label>
    </div>        
    <div class="k-edit-field" data-container-for="uploadFile">
        <input type="file" id="uploadFile" data-role="upload" name="uploadFile" accept=".doc,.docx,.pdf">   
    </div>
​
    #if(files && files.length > 0){#
        <div class="k-edit-label">
            <label for="download">Download Questionnaire and supporting documents</label>
        </div>       
​
        <div id="download" class="k-edit-field">
            #_.each(files, function (file) {#
            #if(!file.isDeleted) {#
            <div id="downloadContainer#= file.id#" class="k-item">
                <a id="downloadFile#= file.id#" name="downloadFile#= file.id#" title="Download file #= file.name#" href='#= file.getFileUrl#' ">#= file.name#</a>
                <br/>
                <a id="deleteFile#= file.id#" name="deleteFile#= file.id#" class="k-button" title="Delete file #= file.name#" href='\#' ">Delete</a>
            </div>                 
            #}#       
            #});#                    
        </div>            
        #}#
​
        <div class="k-edit-label">
            <label for="cosNumber">Certificate Number</label>
        </div>
        <div class="k-edit-field" data-container-for="cosNumber">
            <input type="text" id="cosNumber" name="cosNumber" data-bind="value:cosNumber">   
        </div>
</script>
        <h1>Data repeater</h1>
 <div id="container">
 </div>
</body>
​
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
alexandrupoppro
0viewers