1. Dhtmlx的使用,官网:https://docs.dhtmlx.com/
前天刚刚学的,记录一下,虽然是老技术了,但是还是有所收获。才刚刚开始呢
(1)初始化表格:
var grid_storein=new dhtmlXGridObject({
parent:"grid_storelimit",
image_path:"script/dhtmlx/imgs/",
columns:[{id:"choose",label:"选择",type:"ch",align:"center",width:"45"},
{id:"disease",label:"疾病名称",type:"ed",align:"center",width:"60"},
{id:"time",label:"接收时间",type:"dhxCalendar",align:"center",width:"130"},
{id:"doctor",label:"填卡医生",type:"ed",align:"center",width:"60"}
],
auto_width:true,
auto_height:true,
date_format:"%Y/%n/%j"
});
/*多选行模式*/
grid_storein.enableMultiline(true);
grid_storein.enableMultiselect(true);
(2)导入数据
grid_storein.load(“<%=path%>/action/DataLoad”,“json/xml”);
(3)数据从服务端导入到前端
myDataProcessor= new dataProcessor("<%=path%>/action/DataCheck");
/*把C0--CN改为列的id*/
myDataProcessor.enableDataNames(true);
/*用POST发送数据*/
myDataProcessor.setTransactionMode("POST",true);
/*检查更新频率,off表示不检查,cell表示更新单元格的时候检查数据,如果有更新数据则发送数据到后台,row表示更新一行时候检查,如果有更新数据则发送数据到后台*/
myDataProcessor.setUpdateMode("off");
/*与setupdatemode(”off”)配合使用,主动请求发送数据到服务端,url为dataProcessor内的URL*/
myDataProcessor.setData();
myDataProcessor.init(grid_storein)
注意点:
A. 从服务端导入数据到前端主要使用使用load和cleanandload函数。而从前端传递数据到后台,需要先定义dataProcessor(url),最后要用myDataProcessor .init(grid),链接dataprocessor到组件。
B. 几个dhtmlxgrid常用方法:
addRow()、checkAll()、getSelectId()、deleteRow()、attachEvent()、cells().getValue()、getCheckedRows()
更多内容请关注微信公众号“外里科技”