bootstrap向导插件

参考链接，相关的各种事件

javascript

==========================
 $('#rootwizard').bootstrapWizard({
            'tabClass': 'bwizard-steps',

            onNext: function(tab, navigation, index) {
                var es_reader = '';
                var es_writer = '';
                if(index==2) {
                    $('input:checkbox[name=checkone]:checked').each(function(k){
                        if(k == 0) {
                            es_reader = $(this).val();
                        }else {
                            es_reader += ',' + $(this).val();
                        }
                    });

                    $('input:checkbox[name=writer_checkone]:checked').each(function(k){
                        if(k == 0) {
                            es_writer = $(this).val();
                        }else {
                            es_writer += ','+$(this).val();
                        }
                    });
                    //初始化步骤三源字段
                    var options = '';
                    var columns = new Array()
                    columns = es_reader.split(",");
                    for (var i=0;i<columns.length;i++){
                        $('#source_tablecolumn').append("<option value=" + columns[i] + ">" + columns[i] + "</option>");
                    }

                    //初始化目标字段
                    var options1 = '';
                    var columns1 = new Array()
                    columns1 = es_writer.split(",");
                    for (var i=0;i<columns1.length;i++){
                        $('#target_tablecolumn').append("<option value=" + columns1[i] + ">" + columns1[i] + "</option>");
                    }
                }

                if(index == 3){
                    $("#returnsInfoSpanId").val('');
                    alert('11');
                    // var count = $('input:checkbox[name=source_checkone]:checked').size();
                    // var count1 = $('input:checkbox[name=target_checkone]:checked').size();
                    // if(count != count1){
                    //     layer.open({
                    //         title:'提示',
                    //         content:'源字段与目标字段不相等',
                    //         icon: '7'
                    //     });
                    //     return false;
                    // }

                    var count = $("select[name='three_datasource']").size();
                    alert(count);
                    if(count != 0){
                        var options = '';
                        $("select[name='three_datasource']  option:selected" ).each(function(index,item){
                            // alert($(this).val());
                            // alert($(item).val());
                            options += ' <li><input name="source_checkone" checked="checked" type="checkbox" value="'+$(item).val()+'" >'+$(item).val()+'</li>';
                        });
                        $('#source_dp_writer').append(options);
                    }

                }

            },

            onTabShow: function(tab, navigation, index) {
                var $total = navigation.find('li').length; //导航的步骤有几个
                var $current = index+1; //当前是那一页
                var $percent = ($current/$total) * 100;
                $('#rootwizard .progress-bar').css({width:$percent+'%'});
            },

        });

===js=====
<!--bootstrap-导航向导-->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="${request.contextPath}/public/adminlte/bower_components/bootstrap/js/bootstrap.min.js"></script>
<script src="${request.contextPath}/public/adminlte/bower_components/bootstrap-bwizard/jquery.bootstrap.wizard.js"></script>
<script src="${request.contextPath}/public/adminlte/bower_components/bootstrap-bwizard/prettify.js"></script>
<#--json字符串格式化-->
<script src="${request.contextPath}/public/adminlte/bower_components/bootstrap-bwizard/jquery.jsonview.js"></script>
<script src="${request.contextPath}/public/adminlte/bower_components/bootstrap-bwizard/jsbeautify.js"></script>



============================== css ======
<#--导航向导插件-->
    <link href="${request.contextPath}/public/adminlte/bower_components/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="${request.contextPath}/public/adminlte/bower_components/bootstrap-bwizard/prettify.css" rel="stylesheet">
    <link href="${request.contextPath}/public/adminlte/bower_components/bootstrap-bwizard/jquery.jsonview.css" rel="stylesheet">
    <#--代码编辑器-->
    <#--<link href="${request.contextPath}/public/adminlte/bower_components/codemirror/codemirror.css" rel="stylesheet">-->
    <#--<link href="${request.contextPath}/public/adminlte/bower_components/codemirror/show-hint.css" rel="stylesheet">-->