Hi,
I am trying to put kendo upload in jquery dialog and with the new Beta2 it is not working. No js error and nothing happens when you click on the select button. It was working before Beta2 release. Just copy/paste the following sample code:
<html>
<head>
<title>Kendo Upload in JQuery Dialog</title>
<link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.blueopal.min.css" rel="stylesheet" />
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
<script type='text/JavaScript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type='text/JavaScript' src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
<script type='text/JavaScript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js'></script>
</head>
<body>
<div id='dialog'><input name='files' id='files' type='file' /></div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function () {
$("#files").kendoUpload({
async: {
saveUrl: "test.ashx",
removeUrl: "test.ashx",
autoUpload: true
}
});
var dlg = $("#dialog");
dlg.dialog({
title: "Test",
width: 350,
height: 210,
bgiframe: true,
modal: true,
autoOpen: true
});
});
</script>
Kind Regards,
Plamen
I am trying to put kendo upload in jquery dialog and with the new Beta2 it is not working. No js error and nothing happens when you click on the select button. It was working before Beta2 release. Just copy/paste the following sample code:
<html>
<head>
<title>Kendo Upload in JQuery Dialog</title>
<link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.blueopal.min.css" rel="stylesheet" />
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
<script type='text/JavaScript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type='text/JavaScript' src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
<script type='text/JavaScript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js'></script>
</head>
<body>
<div id='dialog'><input name='files' id='files' type='file' /></div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function () {
$("#files").kendoUpload({
async: {
saveUrl: "test.ashx",
removeUrl: "test.ashx",
autoUpload: true
}
});
var dlg = $("#dialog");
dlg.dialog({
title: "Test",
width: 350,
height: 210,
bgiframe: true,
modal: true,
autoOpen: true
});
});
</script>
Kind Regards,
Plamen