easyUI 정시 업데이트 DataGrid

httpMon.js

$(function(){
	getServiceState();
	run(); 
});

var interval;
function run(){ 
	interval = setInterval(ajaxGetSerState,"3000"); //3 
} 

function ajaxGetSerState() {
	$.ajax({
		type: 'POST',
		url: $.test.contextPath + '/MonAction.do?method=getState',
		dataType: 'json',
		success: function(data) {
			if ($.isNotEmpty(data) && $.isNotEmpty(data.error)) {
				return;
			}
			  $("#datagrid").datagrid("loadData",data);
		},
		error: function(XMLHttpRequest, textStatus, errorThrown) {
		}
	});
}

/**
 *  
 */
function getServiceState() {
	$('#datagrid').datagrid({
		url: $.test.contextPath + '/MonAction.do?method=getState',
		striped: true,
		collapsible: true,
		remoteSort: false,
		fit: true,
		fitColumns: true,
		singleSelect: true,
		pageNumber: 1,
		nowrap:false,
		pageSize: 10,
		pagination: false,
		columns : [ [  {
			field : 'serviceName',
			title : ' ',
			width : 70,
			align:'left',
			formatter : function(value, row, index) {
				return row.serviceName;
			}
		}, {
			field : 'serviceState',
			title : ' ',
			width : 270,
			align:'left',
			editor: {
                type: 'validatebox',
                	options: { required: true } 
            },
			formatter : function(value, row, index) {
				if(row.serviceState == 200){
					return row.serviceState;
				}else{
					return  "<div style=\"width: 908px;margin:0 auto;border:red 0px solid;display:block;word-break: break-all;word-wrap: break-word;color:red \">"+row.serviceState+"</div>";
				}
			}
		}
		] ],
		rownumbers: true,
		onLoadSuccess: function(data){
		}
	});
}

jsp:

<body>
	<div id="toolbar" style="padding: 1px; height: auto;">
		<!--   -->
		<div>
			<form id="queryForm" method="post" novalidate>
				<table
					style="margin-top: 2px; border: none; border-collapse: collapse; border-spacing: 50px;">
					<tr>
						<td><a href="javascript:void(0)"
							class="button button-rounded button-flat-primary"
							onclick='getServiceState();'> <i
								class="icon-ccw icon-padding-right5"></i>  </a>
						</td>
					</tr>
				</table>
			</form>
		</div>
	</div>
	<table id="datagrid" class="easyui-datagrid"  style="width: 100%; height: 100%"
		data-options="width:800,height:500,idField:'keyid',
                      iconCls:'icon-tip',striped: true,fitColumns:true,singleSelect:true,
                      maximized:true,remoteSort: false,rownumbers:true"></table>
	<script type="text/javascript"
		src="<%=request.getContextPath()%>/pages/monitor/httpMon.js"></script>
</body>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

EasyUI Datagrid Datetime(EasyUI DataGrid 시간 포맷)

EasyUI DataGrid 시간 포맷 방법 1: 위에서 이러한 방법은 데이터grid에서 시험하였습니다.varobj=eval('('+'{Date: new'+value+'}'+').이 말은 도망갈 수 없다! 다음 방법...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

easyUI 정시 업데이트 DataGrid

좋은 웹페이지 즐겨찾기