ajax与DHTMLX的应用

前端之家收集整理的这篇文章主要介绍了ajax与DHTMLX的应用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

从北京回到济南,参与啦内控系统的开发,对于在北京干了三个月的运维工作,我真是不想说太多!太多的辛酸太多的累,关键是碰见一个变态的领导。@H_404_4@

这是回济南参与新项目的学习,关于DHTMLXLX,这个功能主要是关于内控字典的维护,增删改查。

@H_404_4@

function initLayout()//初始化界面布局@H_404_4@
{
@H_404_4@dhxLayout=new dhtmlXLayoutObject(document.body,"3T","dhx_skyblue");
@H_404_4@dhxLayout.setEffect("resize",false);
@H_404_4@dhxLayout.setEffect("collapse",false);
@H_404_4@dhxLayout.setEffect("highlight",true);
@H_404_4@dhxLayout.cells("a").setHeight(60);
@H_404_4@dhxLayout.cells("b").setWidth(240);
@H_404_4@dhxLayout.cells("b").collapse();
@H_404_4@dhxLayout.cells("a").setText("字典数据维护");
@H_404_4@dhxLayout.cells("a").attachObject("cellA");
@H_404_4@dhxLayout.setAutoSize("c","b;c");
@H_404_4@//dhxLayout.cells("a").fixSize(false,false);
@H_404_4@dhtmlExtTools.hideLayoutCellButton(dhxLayout.cells("c"));//将cell C 上的那快隐藏掉
@H_404_4@//添加工具栏
@H_404_4@dhxToolBar=dhxLayout.cells("c").attachToolbar();
@H_404_4@dhxToolBar.setIconsPath("<%=path %>/Images/Buttons/");
@H_404_4@btIndex=0;
@H_404_4@dhxToolBar.addButton("add",btIndex++,"增加","Add.gif","Add.gif");
@H_404_4@dhxToolBar.addSeparator("sep1",btIndex++);
@H_404_4@dhxToolBar.addButton("update","修改","Edit.gif","Edit.gif");
@H_404_4@dhxToolBar.addSeparator("sep2",btIndex++);
@H_404_4@dhxToolBar.addButton("delete","删除","Delete.gif","Delete.gif");
@H_404_4@dhxToolBar.setAlign("right");
@H_404_4@dhxToolBar.attachEvent("onClick",function(id){
@H_404_4@if(id=="add")
@H_404_4@{
@H_404_4@addNewTree();//这个函数不是添加新的书的意思 而是是分级结构的字典记录添加方法@H_404_4@
@H_404_4@
@H_404_4@}
@H_404_4@if(id=="update")//
@H_404_4@ @H_404_4@{
@H_404_4@updateThis();
@H_404_4@ @H_404_4@}
@H_404_4@if(id=="delete")
@H_404_4@{
@H_404_4@deleteThis();
@H_404_4@}
@H_404_4@
@H_404_4@});
@H_404_4@
}@H_404_4@

/*
* 加载树级机构@H_404_4@
*/
function LoadTree(dhxLayout)
{
@H_404_4@
@H_404_4@
@H_404_4@ dhxTree=dhxLayout.cells("b").attachTree();
@H_404_4@ dhxLayout.cells("b").expand();
@H_404_4@ var cid="";// 打开的当前ID
@H_404_4@ var level="";// 当前级别
@H_404_4@ dhxTree.setSkin('bluebooks');
@H_404_4@ dhxTree.setImagePath("<%=path %>/JsCss/Dhtml/dhtmlxTree/codebase/imgs/csh_bluebooks/");
@H_404_4@ dhxTree.enableDragAndDrop(false);
@H_404_4@ //****************************************//
@H_404_4@ dhxTree.setXMLAutoLoading("<%=path%>/Wsbx/Xtgl/ZdwhManager/NewZdwh.do?Fn=initTree&ZDBH="+config[0]+"&DWBH="+<%=dqgs%>+"&FJJG="+config[3]) ;//加载的分级字典的XML
@H_404_4@ dhxTree.loadXML("<%=path%>/Wsbx/Xtgl/ZdwhManager/NewZdwh.do?Fn=initTree&ZDBH="+config[0]+"&DWBH="+<%=dqgs%>+"&FJJG="+config[3]);
@H_404_4@ dhxTree.enableLoadingItem("加载中...");
@H_404_4@ //添加监听事件
@H_404_4@ //1.双击非明细菜单动态加载数据
@H_404_4@ dhxTree.attachEvent("onDblClick",function(id){
@H_404_4@ cid = id;
@H_404_4@level = dhxTree.getUserData(id,"js");
@H_404_4@dhxTree.setXMLAutoLoading("<%=path%>/Wsbx/Xtgl/ZdwhManager/NewZdwh.do?Fn=dynTree&js="+level+"&ID="+cid+"&DWBH="+<%=dqgs%>+"&ZDBH="+config[0]+"&FJJG="+config[3]);
@H_404_4@return true;
@H_404_4@ });
@H_404_4@ //2.单机加号+非明细动态加载数据
@H_404_4@ dhxTree.attachEvent("onOpenStart","js");
@H_404_4@dhxTree.setXMLAutoLoading("<%=path%>/Wsbx/Xtgl/ZdwhManager/NewZdwh.do?Fn=dynTree&js="+level+"&ID="+cid+"&DWBH="+<%=dqgs%>+"&ZDBH="+config[0]+"&FJJG="+config[3]);
@H_404_4@return true;
@H_404_4@
@H_404_4@ });
@H_404_4@ // 选预选框时执行查询,加载grid
@H_404_4@dhxTree.attachEvent("onSelect",function(id){
@H_404_4@cid = id;//F_SJBH-F_ZDBH
@H_404_4@level = dhxTree.getUserData(id,"js");
@H_404_4@loadGrid(dhxLayout,level,cid);
@H_404_4@});
}@H_404_4@

//加载Grid表格@H_404_4@@H_404_4@

function loadGrid(dhxLayout,cid)
{
@H_404_4@
@H_404_4@ dhxGrid=dhxLayout.cells("c").attachGrid();
@H_404_4@ dhxGrid.setImagePath("<%=path %>/JsCss/dhtmlGrid/codebase/imgs/");
@H_404_4@ dhxGrid.setHeader("序号,数据编号,数据名称,数据等级,显示顺序,使用状态,备注");
@H_404_4@ dhxGrid.setInitWidths("80,120,120");
@H_404_4@ dhxGrid.setColAlign("left,left,left");
dhxGrid.setColTypes("ro,ro,ro");
@H_404_4@ dhxGrid.setColSorting("str,str,str");
@H_404_4@ dhxGrid.init();
@H_404_4@ dhxGrid.setSkin("dhx_skyblue");
@H_404_4@ if(config[1]=="1")
@H_404_4@{
@H_404_4@ dhxGrid.loadXML("<%=path%>/Wsbx/Xtgl/ZdwhManager/NewZdwh.do?Fn=loadGrid&JS="+level+"&ID="+cid+"&DWBH="+<%=dqgs%>+"&ZDBH="+config[0]+"&FJJG="+config[3]); @H_404_4@
@H_404_4@
@H_404_4@}
@H_404_4@ else if(config[1]=="0")
@H_404_4@{
@H_404_4@ dhxLayout.cells("b").collapse();
@H_404_4@dhxGrid.loadXML("<%=path%>/Wsbx/Xtgl/ZdwhManager/NewZdwh.do?Fn=loadGridNOFJ&ZDBH="+config[0]+"&DWBH="+<%=dqgs%>);
@H_404_4@}
@H_404_4@
@H_404_4@}@H_404_4@


@H_404_4@

代码太多啦,不能往上贴啦,主要是DHTMLXTree和DHTMLXGrid的LoadXML()方法的对XML的组织。@H_404_4@

原文链接:https://www.f2er.com/ajax/165157.html

猜你在找的Ajax相关文章