<script type='text/javascript' src='../SimpleHtmlDataGridCore.js'></script>
<head>
<link type="text/css" rel="stylesheet" href="../style/style.css">
</head>
<body>
追加新行
<div id="dgPanel3"></div><br>
<input type="button" value="追加" name="B3" onclick="append();">
<!--<input type="button" value="test" name="B3" onclick="test();">-->
</body>
<script language="JavaScript">
var dataGrid3=new SimpleHtmlDataGrid($("dgPanel3"),"../images/");
dataGrid3.addHead("column1","",1,"VALUE");/*列宽100，按照数值方式以数组的第0列排序*/
dataGrid3.addHead("column2","");/*列宽可省略*/
dataGrid3.addHead("可编辑列","80",3,"LOCALE");/*列宽80，按照字符串方式以数组的第1列排序*/
var data3 = [["F","发","2006-11-6 13:31"]];
//dataGrid3.addRows(data3,[[func31,format31],[func32,format32],[func33,format33]]);/*数据源是一个数组，因为json也可以表示数组，所以支持json*/
function func31(unit){
if(unit==eval("undefined")){content="";}else{content=unit[0];}
return content;/*如果是json，可以写为unit[0].属性 方式*/
}
function format31(unit){
var pnl=crtSpn();
//if(unit!=eval("undefined")){pnl.innerHTML=unit[0];}else{pnl.innerHTML="";}
pnl.innerHTML="<input type='text' class='simpleHtmlDGCellEdit'>";
pnl.style.backgroundColor="#999999";
return pnl;
}
function func32(unit){
if(unit==eval("undefined")){content="";}else{content=unit[1];}
return content;
}
function format32(unit){
var pnl=crtSpn();
if(unit!=eval("undefined")){pnl.innerHTML=unit[1];}else{pnl.innerHTML="";pnl.appendChild(document.createTextNode(" "));}
pnl.onblur=function(){pnl.contentEditable=false;}
pnl.ondblclick=function(){pnl.contentEditable=true;}
return pnl;
}
function func33(unit){
var content="";
if(unit!=eval("undefined")){content+=unit[2];}else{content+="";}
return content;
}
function format33(unit){
var pnl=crtSpn();
if(unit!=eval("undefined")){pnl.innerHTML=unit[2];}else{pnl.innerHTML=" ";}
////pnl.appendChild(document.createTextNode(" "));
pnl.onblur=function(){pnl.contentEditable=false;}
pnl.ondblclick=function(){pnl.contentEditable=true;}
//pnl.style.width="100%";
return pnl;
}
function append(){
//alert(dataGrid3.getRows());
//dataGrid3.clearGrid();
var newRow1=dataGrid3.addRow([["abc",formatnew1],["abc",formatnew2],["abc",formatnew3]]);
function formatnew1(p,ri,ci){
var pnl=crtSpn();
pnl.innerHTML="new row cell 1,";
p.appendChild(pnl);
}
function formatnew2(p,ri,ci){
var pnl=crtSpn();
pnl.innerHTML="new row cell 3,";
p.appendChild(pnl);
}
function formatnew3(p,ri,ci){
var pnl=crtSpn();
pnl.innerHTML="new row cell 2,";
p.appendChild(pnl);
}
}
function test(){
var crrt=dataGrid3.getCurrentRow();
alert(dataGrid3.getValue(5,0));
alert(dataGrid3.getCellPanel(crrt,0).innerHTML);
}
</script>
ajax datagrid 支持排序，拖拽改列宽，Json填充，定义任意列格式
5星 · 超过95%的资源 需积分: 9 5 浏览量
2009-03-22
13:40:44
上传
评论 1
收藏 39KB RAR 举报 
simplehtmldatagrid2.0.rar （26个子文件） 
simplehtmldatagrid2.0 style 
复件 style.css 2KB style.css 2KB pic 
5.gif 4KB 2.gif 4KB 1.gif 4KB 3.gif 4KB 0.gif 4KB 4.gif 4KB images down.gif 921B 新建文件夹 
up.jpg 696B down.jpg 697B
up.png 358B up.gif 2KB up.gif 921B SimpleHtmlDataGridCore.js 12KB
index.html 999B doc fillDataGridWithArray.html 2KB introduce.html 694B fillDataGridWithJson.html 1KB customColumn.html 2KB question.html 617B guide.html 731B author.html 158B appendNewRow.html 3KB api.html 1KB editableCell.html 2KB资源评论
paulflownsky2014-12-02可以使用，需要改善- niangw2014-02-20页面比较简单，不能拖到最后一个的后面，只能到最后一个前面
