JQGrid 예 주요 부분

1. 프론트 데스크 페이지:
다음 두 개의 div를 Body 태그에 놓으십시오. table은 데이터의 용기이고 div는 도구막대입니다

<DIV class="ui-layout-center">
	<table id="gridList"></table>
	<div id="pagerBar"></div>
</DIV>

//js 부분

//     
var jqgrid_colNames=['nodeCode','nodeName', 'domain'];
//     
var jqgrid_colModel = [	
			{
				name:'nodeCode',
				index:'nodeCode', 
				width:80,
				align:"center",
				editable:true
			},{
				name:'nodeName',
				index:'nodeName',
				width:80,
				editable:true,
				editoptions:{size:10},
				required:true
			},{
				name:'domain',
				index:'domain', 
				width:90,
				editable:true,
				editoptions:{size:25},
				required:true
			}
		];

//   jqgrid，  jquery ready 
function jqgridInit () {
	jQuery("#gridList").jqGrid({
		url:'/ibrms/brm/dirMgt_testJQGrid.action',
		datatype: "json",
		colNames:jqgrid_colNames,
		colModel:jqgrid_colModel,
		rowNum:10,
		rowList:[10,20,30],
		pager: '#pagerBar',
		sortname: 'nodeCode',
		viewrecords: true,
		sortorder: "desc",
		caption:"     ",
		height:"400",
		autowidth:true,
		toolbar: [true,'top'],
		editurl:"someurl.php",
		jsonReader:{ 
			root:"dataRows",  
			page: "currentPage",
			total: "totalPages", 
			records: "records", 
			repeatitems: false
		}
	}).navGrid('#pagerBar',{ edit:true, add:true, del:true});

2. 백그라운드:

//     json    
//    ， jqgrid           。
public class JQGridResponse {
	private int totalPages; //   
	private int currentPage; //    
	private int records; //    
	private JSONArray dataRows;//JSONArray    
	
	public JQGridResponse() {
		this.totalPages = 0;
		this.currentPage = 0;
		this.records = 0;
		this.dataRows = new JSONArray();
	}
	//    get/set  
}

Action:

public void testJQGrid(){
	JQGridResponse grid= new JQGridResponse();
        //    
	BrmNode brmNode1 = new BrmNode();
	brmNode1.setNodeCode("001");
	brmNode1.setNodeName("node1");
	brmNode1.setDomain("ibrms");

	BrmNode brmNode2 = new BrmNode();
	brmNode2.setNodeCode("002");
	brmNode2.setNodeName("node2");
	brmNode2.setDomain("ibrms");

	BrmNode brmNode3 = new BrmNode();
	brmNode3.setNodeCode("003");
	brmNode3.setNodeName("node3");
	brmNode3.setDomain("ibrms");
        //     list
	List list = new ArrayList();
	list.add(brmNode1);
	list.add(brmNode2);
	list.add(brmNode3);
        //       
	grid.setCurrentPage(1);
	grid.setTotalPages(1);
	grid.setRecords(3);
        // list   JSONArray  
	grid.setDataRows(JSONArray.fromObject(list));

	ResponseWriteUtil.print2JsonObj(response, grid);
	}

ResponseWriteUtil.print2JsonObj 메서드:

public static void print2JsonObj(HttpServletResponse response,Object object) {
		PrintWriter out = null;
		try {
			out = response.getWriter();
			JsonConfig jsonConfig = new JsonConfig();
			jsonConfig.registerJsonValueProcessor(Timestamp.class,new JsonValueProcessorTimestamp());
			JSONObject	jsonObject = JSONObject.fromObject(object, jsonConfig);
			log.debug(jsonObject.toString());
			out.print(jsonObject);
		} catch (IOException e) {
			log.debug(e);
		} finally {
			out.close();
		}
	}

Struts2 구성:

<package name="com.test" namespace="/brm" extends="json-default">
     <action name="dirMgt_*" class="com.test.action.DirMgtAction" method="{1}">
		<result name="success"></result>
     </action>
</package>

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

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

jqGrid 순수 프런트엔드 필터링(모든 데이터를 한 번에 로드하고 프런트엔드에서 필터링)

사용 설명: 초기화할 때readonlydata 속성을 추가해야 합니다. 값이 비어 있으면 불러온 데이터를 저장할 수 있습니다.모든 필터는 이 속성 값 데이터에 대한 필터입니다. 사용 코드는 다음과 같다....

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

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

JQGrid 예 주요 부분

좋은 웹페이지 즐겨찾기