今天开始研究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扮演着数据呈现和用户交互的核心角色。它支持多列排序、分页、过滤、...