EasyUI 设置DataGrid 内文本框换行,可编辑

本文介绍了一种通过AJAX和Datagrid实现的服务状态实时监控与详细展示的技术,包括服务接口名称和服务状态的可视化呈现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function getServiceState() {
	$('#datagrid').datagrid({
		url: $.navinfo.contextPath + '/MonitorSysAction.do?method=getHttpState',
		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 : 10,
			align:'left',
			formatter : function(value, row, index) {
				return row.serviceName;
			}
		}, {
			field : 'serviceState',
			title : '服务接口状态',
			width : 10,
			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: 560px;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){
			
		}/*,onDblClickRow: function (rowIndex,rowData) {
            //alert("出发双击事件");
			$("#datagrid").datagrid("beginEdit", rowIndex);
	        //$("#datagrid").datagrid('endEdit',rowIndex);
	        //$("#datagrid").datagrid('beginEdit',rowIndex);
	        //$('#datagrid').datagrid('selectRow',rowIndex);
        }*/
	});
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值