按钮和tab

保存按钮

<button class="btn btn-info"> <i class="glyphicon glyphicon-floppy-disk bigger-110 padding-right-5"></i>保存<tton>

<button class="btn btn-info" οnclick="btn_query()"> <i class="glyphicon glyphicon-search bigger-110 padding-right-5"></i>查询</button>

//查询按钮

<button type="button" class="btn btn-success" οnclick="btn_reset();"><i class="glyphicon glyphicon-repeat bigger-110 padding-right-5"></i>重置</button>

//重置按钮

查看的两种跳转网页方法：

function btn_view() {

var selectId = grid.getSelectId();//得到选择的ID

if (IsChecked(selectId)) {//验证是否选择，未选择提示

window.location.href = 'Detail.html'

}

};//跳转页面

function btn_view() {

var selectId = grid.getSelectId();//得到选择的ID

if (IsChecked(selectId)) {//验证是否选择，未选择提示

var url = "/Areas/GridManagement/Views/LawInformation/Detail1.html";

Dialog(url, "Form", "查看", 1200, 500);

}

};//弹出页面

//tab

< div class ="tabbable">

    < ul class ="nav nav-tabs padding-12 tab-color-blue background-blue" id ="myTab4">

        < li class ="active">

            < a data-toggle ="tab" href ="#home4"> 基本信息 </ a >

        </ li >

 

        < li >

            < a data-toggle ="tab" href ="#profile4"> 附件列表 </ a >

        </ li >

    </ ul >

</ div >

上面代码为选项卡

具体内容是放在：

    < div class ="tab-content">

        < div id ="home4" class ="tab-pane in active">

        基本信息内容

</div>

      < div id ="profile4" class ="tab-pane">

        附件列表内容

</div>

</div>

 

上述js 中样式为固定，href 名称自定义，需要与内容中的ID 匹配上。