按钮和tab

保存按钮

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

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

//查询按钮

<button type="button" class="btn btn-success" onclick="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

<divclass="tabbable">

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

       <liclass="active">

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

       </li>

 

       <li>

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

       </li>

   </ul>

</div>

上面代码为选项卡

具体内容是放在：

   <divclass="tab-content">

       <divid="home4"class="tab-pane in active">

        基本信息内容

</div>

     <divid="profile4"class="tab-pane">

        附件列表内容

</div>

</div>

 

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