1. Home
  2. menu da árvore jQuery EasyUI - grade árvore carregada dinamicamente

O melhor tutorial menu da árvore jQuery EasyUI - grade árvore carregada dinamicamente em 2024. Neste tutorial você pode aprender Baixar exemplos jQuery EasyUI,

menu da árvore jQuery EasyUI - grade árvore carregada dinamicamente

Dinamicamente linhas da grade de árvore carregada ajudar a carregar os dados a partir da parte do servidor, evitar o carregamento de grandes volumes de dados longa espera. Este tutorial irá mostrar-lhe como criar uma árvore com grade característica de carga dinâmica (TreeGrid).

Criar grade de árvore (TreeGrid) 

	<Tabela title = "Produtos" class = "easyui-TreeGrid" style = "width: 700px; height: 300px"
			url = "treegrid3_getdata.php"
			rownumbers = "true"
			IDField = "id" treeField = "name">
		<Thead>
			<Tr>
				<Th field = "nome" width = "250"> Nome </ th>
				<Th campo = largura "quantidade" = "100" align = "right"> Quantidade </ th>
				<Th campo = largura "preço" = "150" align = formatador "direito" = "formatDollar"> Preço </ th>
				<Field Th = "total" width = "150" align = formatador "direito" = "formatDollar"> Total </ th>
			</ Tr>
		</ Thead>
	</ Table>

código do lado do servidor

treegrid3_getdata.php 

$ Id = isset ($ _ POST [ 'id']) intval ($ _ POST [ 'id']): 0 ;?

incluem 'conn.php';
$ Resultado = array ();
$ Rs = mysql_query ( "SELECT * FROM produtos onde parentId = $ id");
while ($ linha = mysql_fetch_array ($ rs)) {
	? $ Row [ 'state'] = has_child ($ row [ 'id']) 'fechado': 'open';
	$ Row [ 'total'] = $ row [ 'preço'] * $ row [ 'quantidade'];
	array_push ($ result, $ row);
}

json_encode echo ($ resultado);

has_child function ($ id) {
	$ Rs = mysql_query ( "select count (*) a partir de produtos onde parentId = $ id");
	$ Row = mysql_fetch_array ($ rs);
	retornar $ row [0]> 0 verdadeiro :? false;
}

Baixar exemplos jQuery EasyUI

jeasyui-tree-treegrid3.zip

Tutoriais quentes

Contact US

menu da árvore jQuery EasyUI - grade árvore carregada dinamicamente
10/30