1. Heim
  2. jQuery EasyUI Baummenü - erstellen eine komplexe Baum Mesh

Das beste jQuery EasyUI Baummenü - erstellen eine komplexe Baum Mesh-Tutorial im Jahr 2024. In diesem Tutorial können Sie Download von jQuery EasyUI Beispiele, lernen

jQuery EasyUI Baummenü - erstellen eine komplexe Baum Mesh

Baumgitter (TreeGrid) können komplexe und mehrspaltigen Tabelle mit dem Datenraum erscheinen, ist begrenzt. Dieses Tutorial zeigt, wie Tabellendaten zu partitionieren ist in einem Raster mit mehreren Leitungen und Header angeordnet, um gemeinsame Daten zu organisieren.

Erstellen Baumgitter (TreeGrid) 

	<Table title = "Komplexe TreeGrid" class = "easyui-treegrid" style = "width: 550px; height: 250px"
			url = "data / treegrid2_data.json"
			rownumbers = "true" Showfooter = "true"
			idField = "id" treeField = "Region">
		<Thead gefroren = "true">
			<Tr>
				<Th Feld = "Region" width = "150"> Region </ th>
			</ Tr>
		</ Thead>
		<Thead>
			<Tr>
				<Th colspan = "4"> 2009 </ th>
				<Th colspan = "4"> 2010 </ th>
			</ Tr>
			<Tr>
				<Th Feld = "f1" width = "50" align = "right"> 1. qrt. </ Th>
				<Th Feld = "f2" width = "50" align = "right"> 2ST qrt. </ Th>
				<Th Feld = "f3" width = "50" align = "right"> 3st qrt. </ Th>
				<Th Feld = "f4" width = "50" align = "right"> 4st qrt. </ Th>
				<Th Feld = "f5" width = "50" align = "right"> 1. qrt. </ Th>
				<Th Feld = "f6" width = "50" align = "right"> 2ST qrt. </ Th>
				<Th Feld = "f7" width = "50" align = "right"> 3st qrt. </ Th>
				<Th Feld = "f8" width = "50" align = "right"> 4st qrt. </ Th>
			</ Tr>
		</ Thead>
	</ Table>

Wie Sie sehen können, die gleiche der Baum Gitter (TreeGrid) verwenden und Datengitter (Datagrid). Bitte verwenden Sie die Eigenschaft "eingefroren" gefrorenen Spalten definieren, Spalte "colspan" und Eigentum "rowspan 'eine mehrzeilige Header zu definieren.

Download von jQuery EasyUI Beispiele

jeasyui-tree-treegrid2.zip

Hot Tutorials

Kontaktiere uns

jQuery EasyUI Baummenü - erstellen eine komplexe Baum Mesh
10/30