Pessoal,
estou tentando utilizar o componente abaixo (wizard) em uma aplicação que estou desenvolvendo.
http://exacttarget.g…/fuelux/#wizard
Ele utiliza requirejs para inserir algumas referências necessárias. Estou com um problema justamente com isso. Não está funcionando da forma como deveria, não inserindo as referências. Ai gera o problema da imagem abaixo.
O código da página é o seguinte:
@using TCC.App_GlobalResources
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
@*This should force IE to use the most up-to-date rendering engine available.*@
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="Diomar Rodrigo Rockenbach - drrockenbach@gmail.com" />
<title>@ViewBag.Title</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
@Styles.Render("~/Content/fuelux")
@Scripts.Render("~/bundles/require")
<script >
requirejs.config({
paths: {
'jquery': '../../Scripts/jquery',
'underscore': 'http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min',
'bootstrap': '../../Scripts/bootstrap',
'fuelux': '../../Scripts/fuelux'
}
});
require(['jquery', '../../Scripts/data', '../../Scripts/datasource', '../../Scripts/datasourceTree'], function ($, sampleData, StaticDataSource, DataSourceTree) {
// WIZARD
$('#MyWizard').on('change', function(e, data) {
console.log('change');
if(data.step===3 && data.direction==='next') {
// return e.preventDefault();
}
});
$('#MyWizard').on('changed', function(e, data) {
console.log('changed');
});
$('#MyWizard').on('finished', function(e, data) {
console.log('finished');
});
$('#btnWizardPrev').on('click', function() {
$('#MyWizard').wizard('previous');
});
$('#btnWizardNext').on('click', function() {
$('#MyWizard').wizard('next','foo');
});
$('#btnWizardStep').on('click', function() {
var item = $('#MyWizard').wizard('selectedItem');
console.log(item.step);
});
});
</script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-affix" src="../../Scripts/bootstrap/bootstrap-affix.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-alert" src="../../Scripts/bootstrap/bootstrap-alert.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-button" src="../../Scripts/bootstrap/bootstrap-button.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-carousel" src="../../Scripts/bootstrap/bootstrap-carousel.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-collapse" src="../../Scripts/bootstrap/bootstrap-collapse.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-dropdown" src="../../Scripts/bootstrap/bootstrap-dropdown.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-modal" src="../../Scripts/bootstrap/bootstrap-modal.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-popover" src="../../Scripts/bootstrap/bootstrap-popover.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-scrollspy" src="../../Scripts/bootstrap/bootstrap-scrollspy.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-tab" src="../../Scripts/bootstrap/bootstrap-tab.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-tooltip" src="../../Scripts/bootstrap/bootstrap-tooltip.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-transition" src="../../Scripts/bootstrap/bootstrap-transition.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="bootstrap/bootstrap-typeahead" src="../../Scripts/bootstrap/bootstrap-typeahead.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="fuelux/checkbox" src="../../Scripts/fuelux/checkbox.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="fuelux/combobox" src="../../Scripts/fuelux/combobox.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="fuelux/datagrid" src="../../Scripts/fuelux/datagrid.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="fuelux/pillbox" src="../../Scripts/fuelux/pillbox.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="fuelux/radio" src="../../Scripts/fuelux/radio.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="fuelux/search" src="../../Scripts/fuelux/search.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="fuelux/spinner" src="../../Scripts/fuelux/spinner.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="fuelux/select" src="../../Scripts/fuelux/select.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="fuelux/tree" src="../../Scripts/fuelux/tree.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="fuelux/wizard" src="../../Scripts/fuelux/wizard.js"></script>
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="fuelux/util" src="../../Scripts/fuelux/util.js"></script>
@*@Scripts.Render("~/bundles/bootstrapfuelux")
@Scripts.Render("~/bundles/fuelux")*@
@Styles.Render("~/Content/css")
@Styles.Render("~/Content/themes/base/css")
</head>
<body>
@Html.Partial("_TopBar")
<div id="wrap">
<section id="main" class="container">
<div class="row">
<div class="span12">
@RenderBody()
</div><!--/.span12-->
</div><!--/.row-fluid-->
</section><!--/.fluid-container-->
</div>
<br />
@*@Html.Partial("_Footer")*@
<div id="delete-dialog" title="Confirmation">
<p>@Glossary.TemCerteza</p>
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/jqGrid")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/imagepicker")
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
//Compponente datepicker
$(function() {
window.prettyPrint && prettyPrint();
$('.date').datepicker();
});
//Botão de delete no grid
var deleteLinkObj;
$('.delete-link').live('click', function () {
deleteLinkObj = $(this); //for future use
$('#delete-dialog').dialog('open');
return false; // prevents the default behaviour
});
$('#delete-dialog').dialog({
autoOpen: false, width: 400, resizable: false, modal: true, //Dialog options
buttons: {
"Continue": function () {
$.getJSON(deleteLinkObj[0].href, null, function (data) {
$('#' + deleteLinkObj[0].attributes['gridID'].value).trigger('reloadGrid'); //atualiza o grid
alert(data.Message);
});
$(this).dialog("close");
},
"Cancel": function () {
$(this).dialog("close");
}
}
});
</script>
</body>
<script type="text/javascript">
// $("select.image-picker").imagepicker({
// hide_select: false,
// });
// $("select.image-picker.show-labels").imagepicker({
// hide_select: false,
// show_label: true,
// });
// var container = $("select.image-picker.masonry").next("ul.thumbnails");
// container.imagesLoaded(function(){
// container.masonry({
// itemSelector: "li",
// });
// });
$("select.image-picker").imagepicker({
hide_select: false,
show_label: false
})
</script>
<script type="text/javascript">
$(function () {
$('.btnNext').on('click', function () {
if (!isLastTab())
// alert('submitting the form...');
// else
nextTab();
});
$('.btnPrev').on('click', function () {
prevTab();
});
$('a[data-toggle="tab"]').on('shown', function (e) {
isLastTab();
});
});
function nextTab() {
var e = $('#tab li.active').next().find('a[data-toggle="tab"]');
if (e.length > 0) e.click();
isLastTab();
}
function prevTab() {
var e = $('#tab li.active').prev().find('a[data-toggle="tab"]');
if (e.length > 0) e.click();
}
function isLastTab() {
var e = $('#tab li:last').hasClass('active');
if (e) {
$('.btnNext').text('Finalizar');
esconderBotao('btnAnterior');
esconderBotao('btnProximo');
}
else {
$('.btnNext').text('Próximo');
mostrarBotao('btnAnterior');
mostrarBotao('btnProximo');
}
return e;
}
</script>
</html>