ขยาย jQuery EasyUI - DWR รถตักดิน

ก่อนหน้านี้: ส่วนขยาย jQuery EasyUI - ธีม

ถัดไป: jQuery EasyUI ขยาย - การสนับสนุน RTL

มันมีไฟล์ 'dwrloader.js'

ใช้ DWR เพื่อให้ได้ข้อมูลที่แรกที่จะรวมไฟล์ 'dwrloader.js'

<ชนิด Script = "text / javascript ของ" src = "http://code.jquery.com/jquery-1.7.2.min.js"> </ script>
<ชนิด Script = "text / javascript ของ" src = "http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js"> </ script>
<ชนิด Script = "text / javascript ของ" src = "dwrloader.js"> </ script>

วิธี DWR ที่ได้รับมอบหมายคุณสมบัติ 'URL'

JSON เป็นรถตักดินเริ่มต้นแอตทริบิวต์ 'url' จะบ่งชี้ JSON URL ระยะไกลเพื่อให้ได้ข้อมูล
เมื่อใช้รถตักดิน DWR เราควรกำหนดฟังก์ชั่นที่ให้บริการ "URL" ที่จะได้รับข้อมูลจาก DWR
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการใช้รถตักดิน DWR เพื่อแสดงตารางข้อมูล (DataGrid):

	<table id = "DG"> </ table>
	$ (ฟังก์ชั่น () {
		$ ( '# Dg'). Datagrid ({
			คอลัมน์: [[
				{ฟิลด์: "id" ชื่อเรื่อง: "ID" ความกว้าง: 80}
				{ฟิลด์: "ข้อความ" ชื่อเรื่อง: 'text' ความกว้าง: 100}
			]]
			singleSelect: จริง
			autoRowHeight: เท็จ
			ความกว้าง: 200
			ความสูง: 200
			URL: MyTest.getDataGridData
		});
	});

รหัสการทดสอบ Java

คลาสที่สาธารณะ {ทดสอบ
	รายการสาธารณะ <แผนที่ <String วัตถุ >> getDataGridData () {
		รายการ <แผนที่ <String วัตถุ >> รายการใหม่ = ArrayList <แผนที่ <String วัตถุ >> ();
		แผนที่ <String, object> = รายการใหม่ HashMap <String, object> ();
		item.put ( "id", 1);
		item.put ( "ข้อความ", "Text1");
		Items.Add (รายการ);
		รายการ = HashMap ใหม่ <String, object> ();
		item.put ( "id", 2);
		item.put ( "ข้อความ", "Text2");
		Items.Add (รายการ);
		รายการกลับ;
	}
}