• 人民网驻阿尔及利亚记者报道集 2018-02-19
  • 党务问答:党组与党委有何区别? 2018-02-19
  • MINI车联网服务3月起升级至4G网络 增加新功能 2018-02-18
  • 以色列警方:已有足够的证据可以用于起诉以总理 2018-02-18
  • 冬奥会短节目第四 金博洋:伤病令我更强大 2018-02-18
  • 天津市北辰区委书记冯卫华:强化政治担当 把主体责任落实落细 2018-02-17
  • 正月初一客流继续回落 全国铁路预计发送旅客389万人次 2018-02-17
  • 送别余光中:诗人虽远行,乡愁永流传 2018-02-17
  • 集团原董事长违纪被查 人员伤亡事故频发 湖北宜化:去年亏损额超过公司市值 2018-02-17
  • 图片故事:“六个人”的火车站 2018-02-16
  • 【马来西亚房产】雅诗阁之星十年包租可续租! ——凤凰网房产马来西亚 2018-02-16
  • 大量顺差在中国,多数利润归美国 2018-02-16
  • 河北今年将削减煤炭消费500万吨 2018-02-16
  • 开创生态文明新时代 绘出美丽中国新图景 2018-02-15
  • 以色列警方:已有足够的证据可以用于起诉以总理 2018-02-15
  • 【jeasyui教程】jQuery EasyUI 树形菜单 - 树形网格动态加载

    栏目: jeasyui 发布于: 2014-11-27 20:34:51

    jQuery EasyUI 树形菜单 - 树形网格动态加载

    动态加载树形网格有助于从服务器上加载部分的行数据,避免加载大型数据的长时间等待。本教程将向您展示如何创建带有动态加载特性的树形网格(TreeGrid)。

    创建树形网格(TreeGrid)

    	<table title="Products" class="easyui-treegrid" style="width:700px;height:300px"
    			url="treegrid3_getdata.php"
    			rownumbers="true"
    			idField="id" treeField="name">
    		<thead>
    			<tr>
    				<th field="name" width="250">Name</th>
    				<th field="quantity" width="100" align="right">Quantity</th>
    				<th field="price" width="150" align="right" formatter="formatDollar">Price</th>
    				<th field="total" width="150" align="right" formatter="formatDollar">Total</th>
    			</tr>
    		</thead>
    	</table>
    

    服务器端代码

    treegrid3_getdata.php

    $id = isset($_POST['id']) ? intval($_POST['id']) : 0;
    
    include 'conn.php';
    $result = array();
    $rs = mysql_query("select * from products where parentId=$id");
    while($row = mysql_fetch_array($rs)){
    	$row['state'] = has_child($row['id']) ? 'closed' : 'open';
    	$row['total'] = $row['price']*$row['quantity'];
    	array_push($result, $row);
    }
    
    echo json_encode($result);
    
    function has_child($id){
    	$rs = mysql_query("select count(*) from products where parentId=$id");
    	$row = mysql_fetch_array($rs);
    	return $row[0] > 0 ? true : false;
    }
    

    下载 jQuery EasyUI 实例

    jeasyui-tree-treegrid3.zip


    本文转载自:w3cschool
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:【jeasyui教程】jQuery EasyUI 树形菜单 - 树形网格动态加载
    IT技术书籍推荐:
    PHP从入门到精通(第3版)
    PHP从入门到精通(第3版)
    明日科技 (作者)
    《PHP从入门到精通(第3版)》从初学者角度出发,通过通俗易懂的语言、丰富多彩的实例,详细介绍了使用PHP进行网络开发应该掌握的各方面技术。全书共分4篇25章,包括初识PHP、PHP环境搭建和开发工具、PHP语言基础、流程控制语句、字符串操作、正则表达式、PHP数组、PHP与Web页面交互、PHP与JavaScript交互、日期和时间、Cookie与Session、图形图像处理技术、文件系统、面向对象、PHP加密技术、MySQL数据库基础、phpMyAdmin图形化管理工具、PHP操作MySQL数据库、PDO数据库抽象层、ThinkPHP框架、Smarty模板技术、PHP与XML技术、PHP与Ajax技术、应用Smarty模板开发电子商务网站、应用ThinkPHP框架开发明日导航网等内容。书中所有知识都结合具体实例进行介绍,涉及的程序代码均附以详细的注释,可以使读者轻松领会PHP程序开发的精髓,快速提高开发技能。