Dhtmlx

来源:互联网 发布:电气制图软件排名 编辑:程序博客网 时间:2024/05/18 00:53

1.  Dhtmlx的使用,官网:https://docs.dhtmlx.com/

前天刚刚学的,记录一下,虽然是老技术了,但是还是有所收获。才刚刚开始呢

1)初始化表格
var grid_storein=newdhtmlXGridObject({

    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= newdataProcessor("<%=path%>/action/DataCheck");

    /*C0--CN改为列的id*/

    myDataProcessor.enableDataNames(true);

/*POST发送数据*/

myDataProcessor.setTransactionMode("POST",true);

/*检查更新频率,off表示不检查,cell表示更新单元格的时候检查数据,如果有更新数据则发送数据到后台,row表示更新一行时候检查,如果有更新数据则发送数据到后台*/

    myDataProcessor.setUpdateMode("off");

/*setupdatemode”off”)配合使用,主动请求发送数据到服务端,urldataProcessor内的URL*/

myDataProcessor.setData();

myDataProcessor.init(grid_storein)
注意点:

A.  从服务端导入数据到前端主要使用使用loadcleanandload函数。而从前端传递数据到后台,需要先定义dataProcessorurl,最后要用myDataProcessor .initgrid,链接dataprocessor到组件

B.  几个dhtmlxgrid常用方法:
addRow()checkAll()getSelectId()deleteRow()attachEvent()cells().getValue()getCheckedRows()

原创粉丝点击