spring mvc ztree grid小例子.docx

上传人：b****2 文档编号：24313136 上传时间：2023-05-26 格式：DOCX 页数：42 大小：26.61KB

下载相关举报

第1页 / 共42页

第2页 / 共42页

第3页 / 共42页

第4页 / 共42页

第5页 / 共42页

点击查看更多>>

下载资源

资源描述

spring mvc ztree grid小例子.docx

《spring mvc ztree grid小例子.docx》由会员分享，可在线阅读，更多相关《spring mvc ztree grid小例子.docx（42页珍藏版）》请在冰豆网上搜索。

spring mvc ztree grid小例子.docx

springmvcztreegrid小例子

grid.jsp

<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>

Stringpath=request.getContextPath（）;

StringbasePath=request.getScheme（）+":

//"

+request.getServerName（）+":

"+request.getServerPort（）

+path+"/";

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

#my_table{

margin-top:

50px;

}

#div1{

width:

526px;

height:

100px;

margin-top:

0px;

}

#div2{

width:

526px;

height:

356px;

margin-top:

10px;

}

.button{

float:

right;

}

#grid_div{

width:

200px;

height:

487px;

margin-top:

0px;

}

#gridsubmit{

width:

50px;

height:

24px;

margin-left:

250px;

}

"/>

就诊记录

href="dhtmlxCombo/codebase/dhtmlxcombo.css"/>

href="dhtmlxGrid/codebase/dhtmlxgrid.css"/>

href="css/dhtmlxgrid_dhx_custom.css"/>

type="text/css"/>

div.gridbox_dhx_customtable.hdrtd{

font-family:

微软雅黑;

font-size:

12px;

font-weight:

bold;

vertical-align:

top;

}

div.gridboxtable.obj.row20pxtrtd{

}

.dhx_combo_list{

}

src="dhtmlxCombo/codebase/dhtmlxcommon.js">

src="dhtmlxCombo/codebase/dhtmlxcombo.js">

src="dhtmlxTabbar/codebase/dhtmlxtabbar.js">

src="dhtmlxGrid/sources/ext/dhtmlxgrid_srnd.js">

value="增加"onclick="addTreeNode（）;"/>

主诉:

现病史:

体格检查:

onclick="doGridAddRow（）;"/>

onclick="doGridDeleteRow（）;"/>

white;height:

300px;">

/****其他js自己去网上找，下面是ann.js*****/

//-----------------树的参数--------------------

varsetting={

isSimpleData:

true,

treeNodeKey:

"id",

treeNodeParentKey:

"pId",

showLine:

true,

expandSpeed:

"fast",//展开速度

callback:

{

click:

zTreeOnClick

//点击事件

}

};

varzTree;

vartreeNodes;

$（function（）{

$.ajax（{

async:

false,//是否异步

cache:

false,//是否使用缓存

type:

'get',//请求方式,post

dataType:

"json",//数据传输格式

url:

"learn/dynamictree.htm",//请求链接

error:

function（）{

alert（'loadtreefail'）;

success:

function（data）{

treeNodes=data;

}

}）;

zTree=$（"#menuTree"）.zTree（setting,treeNodes）;//前台树的位置

}）;

//----------------------树点击方法---------------------------

functionzTreeOnClick（event,treeId,treeNode）{

//alert（treeId+",name="+treeNode.name+",id="+treeNode.id+",pid="+treeNode.pId+","+treeNode.tId）;

if（treeNode.isParent）{

returnfalse;

}

varcid=conditionfind（treeNode.id）;

loadgrid（cid）;

}

//--------------------Grid新增方法-------------------------------

functiondoGridAddRow（）{

//vara=mygrid.addRow（getUUID（）.replace（/-/g,""）,"",0）;

vara=mygrid.addRow（getUUID（）,"",0）;

}

//---------------------Grid删除方法---------------------------------

functiondoGridDeleteRow（）{

varcheckIds=mygrid.getCheckedRows（0）;

if（checkIds==""）{

alert（'请先选择要删除的数据！

'）;

return;

}

varstrs=newArray（）;//定义一数组

strs=checkIds.split（","）;

varmark=window.confirm（'你确定要删除这些数据？

'）

if（mark）{

for（i=0;i

mygrid.deleteRow（strs[i]）;

}

$.ajax（{

cache:

false,//是否使用缓存

url:

"learn/delete.htm",

async:

false,//是否异步，false为同步

type:

"get",

data:

"method=deleteData&list="+checkIds,

error:

function（）{

alert（"删除请求失败"）;

success:

function（reply）{

alert（reply）;

}

}）;

}

/*----------------------添加树节点到数据库-------------------*/

functionaddTreeNode（）{

vartoday=newDate（）;

vary=today.getYear（）;//得到年

varmonth=today.getMonth（）+1;//得到月

vard=today.getDate（）;//得到日

varpid='1';

varname=month+"-"+d;

$.ajax（{

cache:

false,//是否使用缓存

url:

"learn/addtreenode.htm",

async:

false,//是否异步，false为同步

type:

"get",

data:

"method=addTreeNode&pid="+pid+"&name="+name,

error:

function（）{

alert（"addTreeNode请求失败"）;

success:

function（reply）{

$.ajax（{

async:

false,//是否异步

cache:

false,//是否使用缓存

type:

'get',//请求方式,post

dataType:

"json",//数据传输格式

url:

"learn/dynamictree.htm",//请求链接

error:

function（）{

alert（'treefail'）;

success:

function（data）{

treeNodes=data;

}

}）;

zTree=$（"#menuTree"）.zTree（setting,treeNodes）;//前台树的位置

}

}）;

}

///*---保存修改和新增的行------BEGIN------------------------*/

functionupdate_save（）{

varzs=document.getElementById（'zs'）.value;

varxbs=document.getElementById（'xbs'）.value;

vartgjc=document.getElementById（'tgjc'）.value;

varid=document.getElementById（'con_id'）.value;

vartid=document.getElementById（'con_tid'）.value;

varparams=mygrid.getCheckedRows（0）;

if（window.confirm（'你确定要保存选中的这些数据？

'））{

vardata_rows_ids=newArray（）;

if（params.indexOf（','）<0）{

data_rows_ids[0]=params;

}else{

data_rows_ids=params.split（","）;

}

varurl='';

for（i=0;i

varyzmc=mygrid.cells（data_rows_ids[i],1）.getValue（）;

varjl=mygrid.cells（data_rows_ids[i],2）.getValue（）;

vardw=mygrid.cells（data_rows_ids[i],3）.getValue（）;

vargyfs=mygrid.cells（data_rows_ids[i],4）.getValue（）;

varpc=mygrid.cells（data_rows_ids[i],5）.getValue（）;

varsl=mygrid.cells（data_rows_ids[i],6）.getValue（）;

varjh=mygrid.cells（data_rows_ids[i],7）.getValue（）;

url=url+"¶mvalues"+i+"=";

url=url+encodeURI（encodeURI（yzmc））+",";

url=url+encodeURI（encodeURI（jl））+",";

url=url+encodeURI（encodeURI（dw））+",";

url=url+encodeURI（encodeURI（gyfs））+",";

url=url+encodeURI（encodeURI（pc））+",";

url=url+encodeURI（encodeURI（sl））+",";

url=url+encodeURI（encodeURI（jh））;

}

url=url+"&zs="+zs+"&xbs="+xbs+"&tgjc="+tgjc+"&id="+id

+"&tid="+tid;

$.ajax（{

cache:

false,//是否使用缓存

url:

"learn/saveall.htm",

async:

false,//是否异步，false为同步

type:

"get",

data:

"params="+params+url,

error:

function（）{

alert（"保存修改请求失败"）;

success

展开阅读全文