SSM(3) bootstrap的domal导入和使用

导入模态框

1.导入modal(http://www.bootcss.com/使用相应的模态框

    <!-- Modal --><div class="modal fade" id="inforAddModal" tabindex="-1" role="dialog"    aria-labelledby="myModalLabel">    <div class="modal-dialog" role="document">        <div class="modal-content">     ………………    ………………        </div>    </div></div>

2.利用button跳转，加载对应的modal
`

//启动模态框$("#inforAddModalButton").click(function(){//f2 表单重置   整体重置removeForm("#inforAddModal form");//职业表的信息getAllPrefession();$("#inforAddModal").modal({    //固化背景     backdrop:"static"});});//初始化formfunction removeForm(ele){//清空表单内数据$(ele)[0].reset();//清空input框的颜色$(ele).find("*").removeClass("has-error has-success");//提示的span为空$(ele).find(".help-block").text("");

}

//得所有的职业信息function getAllPrefession(){    $(function() {        $.ajax({            url : "${PATH}/getAllPrefession",            type : "GET",            success : function(result) {                //得到职业的信息  进行重建select                buildPrefessionSelect(result);            }        });    });}//建立职业select   function buildPrefessionSelect(result){       $.each(result.map.allPrefession,function(){           var option=$("<option></option>").append(this.prefession).attr("value",this.id);           option.appendTo("#inforAddModal select");              });   }

`

知识点：
1. (“#button”).click(function{});  
2.(“#inforAddModal”).modal({backdrop:”static”}); 使背景固话
3. ((“#form”)).find(“*”); #form下的所有元素
4. (ele)[0].reset();利用js的dom删除form的字符串
5. addClass() removeClass(“has-error has-success”); 添加 删除对应的类
6. (“<option></option>”).attr(“value”,this.id);对option添加相应的value属性7.f1：.each(list,function(){ //里面的this表示子元素的标签 });
8. f2： $.each(infors, function(index, item) { //里面的item表示子元素的标签});