dhtmlxGrid 的入门学习
来源:互联网 发布:指南针的mc指标源码 编辑:程序博客网 时间:2024/04/28 06:18
1、在页面必须引用的文件:
<link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxgrid.css">
<script src="codebase/dhtmlxcommon.js"></script>
<script src="codebase/dhtmlxgrid.js"></script>
<script src="codebase/dhtmlxgridcell.js"></script>
2、在页面的js:
<script>
var mygrid;
function doInitGrid(){
mygrid = new dhtmlXGridObject('mygrid_container');
mygrid.setImagePath("codebase/imgs/");
//设置列名
mygrid.setHeader("Model,Qty,Price");
//设置列的宽度
mygrid.setInitWidths("*,200,200");
//设置列的水平对齐方式
mygrid.setColAlign("left,right,right");
mygrid.setSkin("light");
//设置列的排序类型
mygrid.setColSorting("str,int,int");
//设置列的可读、可编辑、文本域、复选框等
mygrid.setColTypes("ro,ed,txt");
//设置选中行的事件
mygrid.attachEvent("onRowSelect",doOnRowSelected);
mygrid.init();
//加载数据部分
mygrid.loadXML("gridDatas.xml");
}
function addRow() {
var newId = (new Date()).valueOf();
mygrid.addRow(newId, "", mygrid.getRowsNum());
mygrid.selectRow(mygrid.getRowIndex(newId), false, false, true);
}
function removeRow() {
var selId = mygrid.getSelectedId()
mygrid.deleteRow(selId);
}
function doOnRowSelected(rowID,celInd){
alert("Selected row ID is "+rowID+"/nUser clicked cell with index "+celInd);
}
</script>
3、body部分:
<body onload="doInitGrid();">
This is my gird test page. <br>
<br>
<button onclick="addRow()">Add Row</button> <button onclick="removeRow()">Remove Row</button>
<br>
<div id="mygrid_container" style="width:600px;height:150px;"></div>
</body>s
- dhtmlxGrid 的入门学习
- dhtmlxGrid组件学习一
- dhtmlxgrid 使用json数据 入门
- dhtmlxgrid所支持的列类型
- dhtmlxGrid中link链接的使用
- 改写dhtmlxgrid的calender,1.2版本中的有问题。
- dhtmlxgrid+php不能显示中文的问题完全解决
- dhtmlxgrid分页
- DhtmlxGrid组件应用---结合Ajax实现对表格数据的无刷新操作
- dhtmlxGrid 列类型
- dhtmlxgrid使用基础
- Javascript框架之dhtmlXGrid
- dhtmlxgrid 控件使用
- dhtmlxGrid加载数据
- dhtmlXGrid应用简介
- dhtmlxgrid 常用功能介绍
- dhtmlxgrid使用基础
- dhtmlxGrid实现setColumnHidden
- 关于request.getServletPath()的讨论
- ARM—Linux选择语句应用实例
- remoting例子
- C#中class与struct的区别
- Asp.NET 的Session实现原理
- dhtmlxGrid 的入门学习
- Button 有按下效果
- TCP协议简介
- 解决DELPHI的程序占内存的代码
- 模2运算
- 反编译APK文件得到JAVA源代码
- 去除网页上的虚线
- oracle 数据库 sum count null 结果
- 关联子查询与嵌套子查询