世俱杯 2025

EJS TreeGrid中文开发手册：在页面中放置网格的实例介绍

原创|使用教程|编辑：郝浩|2013-05-08 15:09:03.000|阅读 1214 次

概述：TreeGrid是一个纯JavaScript语言编写的DHTML树形表格控件，近期慧都小编将为大家推出EJS TreeGrid中文开发手册系列，首先为大家介绍的是在页面中创建TreeGrid网格的各种方法。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

TreeGrid是一个纯JavaScript语言编写的DHTML树形表格控件，近期慧都小编将为大家推出EJS TreeGrid中文开发手册系列，首先为大家介绍的是在页面中创建TreeGrid网格的各种方法。

基础页面

下面是TreeGrid的一个最简单的页面：

<html>

    <head>

        <script src="GridE.js"> </script>                    <!-- including TreeGrid script -->

    </head>

    <body>

        <div style="width:100%;height:500px;">               <!-- TreeGrid main div tag -->

            <treegrid Data_Url="Data.xml"> </treegrid>       <!-- TreeGrid data source definition -->

        </div>

    </body>

</html>

同时创建

为了充分创建和渲染在页面加载过程中的TreeGrid，你可以使用这样的HTML代码：

<div id="Main" style="width:100%;height:500px;">     <!-- TreeGrid main div tag with id -->

    <script> TreeGrid('<treegrid Sync="1" Data_Url="Data.xml"> </treegrid>',"Main"); </script>

</div>

请记住，所有的JavaScript代码，API事件，支持的函数必须在TreeGrid调用前定义，但不是在主标签里面。

通过API创建

TreeGrid在点击创建按钮后创建：

<div id="Main" style="width:100%;height:500px;"> </div> <!-- TreeGrid main div tag with id -->

<button onclick='Create()'>Create</button>              

<script>

           function Create(){ TreeGrid( { Data:{ Url:"Data.xml" } },"Main" ); }

</script>

TreeGrid版本升级

如果你需要将TreeGrid升级到新的版本或注册许可又或有新编译的脚本，你可以将版本信息作为查询字符串添加到GridE.js中，以确保使用新版本并且抑制旧版本的缓存，例如：

<script src="../Grid/GridE.js?Version=6.0.24"> </script>

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@dpuzeg.cn

文章转载自：慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP