js jsp获取域对象和nav-tabs

nav-tabs

选项卡(nav-tabs)
用户点击或悬浮对应的菜单项，能切换出对应的内容。

一个选项卡主要包括两个部分，其一是菜单项，其二是内容面板。

重点是data-toggle 和href是切换的标签用id绑定
注意id不能重复
tab-content把两个标签包起来

<% EventInfo eventInfo = (EventInfo) request.getAttribute("obj"); %>

<ul  class="nav nav-tabs">
	<li class="active">
		<a href="#eventInfoForm1" data-toggle="tab">详情</a>
	</li>
	<li>
		<a href="#flowList" data-toggle="tab">流程展示</a>
	</li>
</ul>


<div  class="tab-content" >
	<!-- 单位详情start -->
	<div class="tab-pane fade in active" id="eventInfoForm1">
		<div id="table_div">
			<h3 style="text-align:center;font-size:18px;height: 40px;padding-top: 15px;">单位详情</h3>
			<table id="orgDetailTable">
				<tbody>

				<tr>
					<td class='td'><label>事件编号</label></td>
					<td class='td_content'><%=eventInfo.getSerialnumber() %>
					</td>
					<td class='td'><label>标题</label></td>
					<td class='td_content'><%=eventInfo.getEventsubject() %>
					</td>
				</tr>
				</tbody>
			</table>
		</div>
	</div>
	<!-- 单位详情end -->


	<!-- 记录日志 -->
	<div class="tab-pane fade" id="flowList">
		<%--<div class="panel panel-info"></div>--%>
		<table id="eventFlowTable"></table>
	</div>
	<!-- 记录日志 -->

</div>

二级标题

从域对象取值,需要在controller存放后使用

<% EventInfo eventInfo = (EventInfo) request.getAttribute("obj"); %>

js从jsp获取域对象

jsp中设置域对象var1,然后在js中可以获取到叫var1

<script>
        var var1="<%=eventInfo.getSerialnumber()%>";
	</script>
	<script type="text/javascript">
		seajs.use("app/jczl/event/eventFlowList", function (main) {
			main.init(${authListTool});
		});
	</script>

define(function(require,exports,module){
	var glbFun = require("app/global/global");
	exports.init = function(authListTool){
	//和上面定义的table对应会封装值
 	$("#eventFlowTable").table({
   	url:webRoot + '/intJczlEventFlow/datagridById.action?serialnumber='+var1,
		idField: "serialnumber",
		toolbar: glbFun.formatter(authListTool, [/*orgInfo_add,orgInfo_delete,orgInfo_update,*/]),
		pagination : false,
		//返回的对象是DataGrid
		columns : [ [
				{
					title: '序号',
					width: '50',
					align: 'center',
					formatter: function (value, row, index) {
						return index + 1;
					}
				},
			{
			  title : '事件编号',
				align : 'center',
				width : '100',
			    field : 'serialnumber'
			},

			{
			  title : '处理人组织编号',
				align : 'center',
				width : '150',
			  field : 'organizationcode'
			}
			] ],
		onLoadSuccess: function () {
		//自动调节行高
			//glbFun.heightLinker("#eventFlowTable");
		}
   });
 }

public class DataGrid {

	private Long total = 0L;
	private List rows = new ArrayList();

	public Long getTotal() {
		return total;
	}

	public void setTotal(Long total) {
		this.total = total;
	}

	public List getRows() {
		return rows;
	}

	public void setRows(List rows) {
		this.rows = rows;
	}
}

四级标题

五级标题

六级标题