今天开始研究dhtmlx,首先开始grid的学习。
dhtmlx版本3.5
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Dhtml Grid</title> <link rel="STYLESHEET" type="text/css" href="<%=path %>/js/dhtml/dhtmlx.css"> </head> <body> <div id="mygrid_container" style="width:600px;height:150px;"></div> <!--引用js--> <script src="<%=path %>/js/jquery-1.5.1.js"></script> <script src="<%=path %>/js/dhtml/dhtmlxcommon.js"></script> <script src="<%=path %>/js/dhtml/dhtmlx.js"></script> <script type="text/javascript"> var mygrid; $(document).ready(function(){ mygrid = new dhtmlXGridObject("mygrid_container");//定义dhtmlxgrid对象为mygrid mygrid.setImagePath("<%=path%>/image/dhtml/");//设置dhtmlxgrid的图片路径 mygrid.setHeader("name, age,birthday,price");//设置dhtmlxgrid列表头 mygrid.setInitWidths("100,50,*,100"); mygrid.setColAlign("left,right,center"); mygrid.setColSorting("str,int,date"); mygrid.setColTypes("edtxt,ed,dhxCalendar,ron");//设置dhtmlxgrid列类型 mygrid.enableMultiselect(true);//设置为可按shift多行选择 //绑定事件 mygrid.attachEvent("onRowSelect",doOnRowSelected); mygrid.init(); //加载xml文件 mygrid.loadXML('<%=path%>/student/dhtmlListStudent.do?vmTemplate=index2.vm'); }); function doOnRowSelected(rowID,celInd){ alert("Selected row ID is "+rowID+"\nUser clicked cell with index "+celInd); } </script> </body> </html>
相关推荐
学习dhtmlxGrid可以参考官方文档,其中包含详细的API参考和示例代码。此外,网上有许多开发者分享的教程和示例,可以帮助快速上手。 总之,dhtmlxGrid是一款功能强大、灵活度高的Web表格组件,无论是在小型项目还是...
通过学习dhtmlxGrid、dhtmlxTree和dhtmlxChart等组件,以及熟悉其JavaScript API和事件处理机制,开发者可以构建出具有专业级特性的Web应用。同时,结合配套的官方文档,将有助于快速上手和精通dhtmlx。
6. **docsExplorer**:文档浏览器或示例库,可能包含dhtmlxGrid2.1的详细API文档和示例代码,方便开发者参考学习。 7. **dhtmlxToolbar**:dhtmlxToolbar是另一款dhtmlx组件,用于创建自定义工具栏,可以与dhtmlx...
总的来说,dhtmlxGrid v2.0是一个强大且灵活的JavaScript表格控件,尽管API文档的不足可能带来一定的学习难度,但通过对手册的深入研究和实践,开发者能够充分利用其功能,创建出功能丰富的数据展示和管理界面。
dhtmlxGrid是一个强大的数据网格,用于展示和管理表格数据,而dhtmlxTabbar则提供了多标签界面功能,帮助用户组织和切换不同的内容区域。 **dhtmlxGrid详解:** dhtmlxGrid是一个灵活且功能丰富的HTML5数据网格,...
异步请求是dhtmlxGrid的重要功能之一,它允许从服务器端动态加载数据,而无需刷新整个页面。这种机制基于Ajax技术,使得用户可以快速响应和处理大量数据,提高用户体验。通过设置Grid的配置项,开发者可以定义数据的...
描述中提到的“封装”,意味着开发者创建了一个自定义的组件(dhtmlxgrid_wrapper_for_12306),该组件是对原始dhtmlxGrid功能的扩展或适应,以更好地服务于12306网站的特定需求。封装通常包括将复杂的库或API简化为...
DHTMLX是一个广泛使用的JavaScript库,它提供了多个富客户端UI组件,其中之一就是“Grid”组件。这个免费的grid组件在Web应用开发中扮演着重要角色,尤其对于数据密集型应用,它能提供高效的数据展示和操作能力。...
**dhtmlxGrid 知识点详解** dhtmlxGrid 是一个强大的JavaScript表格组件,它提供了丰富的功能,用于展示和操作...通过学习和实践这些示例,你可以更好地掌握dhtmlxGrid的使用方法,并将其高效地融入到Web应用程序中。
对于初学者,可以通过官方提供的示例代码和教程来学习dhtmlxGrid的用法。实践是掌握技能的关键,尝试将dhtmlxGrid集成到自己的项目中,不断调试和优化,以提升对组件的熟练程度。 5. **社区与支持** 开发者可以...
开发人员在使用这个组件时,可以通过阅读文档、查看示例以及调试代码,来学习如何有效地集成和定制dhtmlxGrid,以适应他们的项目需求。总之,dhtmlxGrid是一个强大且灵活的JavaScript表格组件,能够提升Web应用的...
在IT行业中,数据管理和操作是核心任务之一,而dhtmlxGrid是一款强大的JavaScript组件,用于构建数据密集型Web应用程序。这个组件提供了丰富的功能,包括表格展示、数据编辑、排序、过滤等。本教程将深入探讨如何为...
学习dhtmlxGrid首先需要熟悉JavaScript和HTML基础知识,然后可以通过官方文档和示例了解组件的使用方法。实践是提高的关键,尝试在实际项目中应用dhtmlxGrid,解决各种问题,逐步掌握其核心功能和高级特性。 总的来...
dhtmlxGrid是一款功能强大的JavaScript数据网格组件,用于在Web应用程序中展示和操作表格数据。这个组件提供了丰富的功能,如排序、过滤、分页、编辑、拖放等,以实现高度交互性和用户友好的界面。dhtmlxGrid适用于...
**dhtmlxGrid:核心组件之一** dhtmlxGrid是dhtmlx套件中的核心组件,它是一个高度可配置的数据网格控件,支持大量数据的展示和操作。这个组件允许你轻松地创建和管理表格,具备排序、过滤、分页、编辑等功能。...
`dhtmlxGrid` 是一个功能强大的JavaScript组件,主要用于创建交互式的数据网格。在版本1.5的专业版中,它提供了一系列高级特性,帮助开发者构建高效且用户友好的数据展示和管理界面。在这个版本中,特别值得一提的是...
- **目的**:提供一份详尽的中文版 DHTMLX 使用手册,旨在指导开发者如何有效地使用 DHTMLX 库来构建高质量的 Web 应用。 - **范围**:本手册涵盖了 DHTMLX 库中的多个组件和工具,包括布局管理、数据展示组件、用户...
dhtmlxGrid以其灵活性、可扩展性和丰富的功能集而闻名,使其成为Web应用程序开发中不可或缺的一部分。 在JavaScript和Ajax的世界里,dhtmlxGrid扮演着数据呈现和用户交互的核心角色。它支持多列排序、分页、过滤、...