`

dhtml 界面UI (grid)

    博客分类:
  • js
阅读更多

http://alibubu.iteye.com/blog/63201  为你的图像和层增加拖放功能

 

http://wdzwdz.itpub.net/post/197/463500  xml array

 

http://my.donews.com/devil/2007/04/

 

http://littlecoder.blog.163.com/blog/static/76195840200832882330192/  grid

 

  <span onclick="alert(mygrid.selectAll());">全选</span>

  <span onclick="alert(mygrid.getSelectedRowId());">获取选中的id</span>

 

<span onclick="alert(mygrid.getCheckedRows(0));">checkbox选中的id</span>

 

 

 

mygrid.loadXML("../../../get")    //get是servlet的url-pattern(servlet返回的是xml)

黄色的亮色可以改变 this.rowsCol[i].className+=" rowselected";// 查找css样式

mygrid.attachEvent("onKeyPress",onKeyPressed);
...
function onKeyPressed(code,ctrl,shift){
if(code==67&&ctrl){
    mygrid.setCSVDelimiter("\t")
    mygrid.copyBlockToClipboard()
}
if(code==86&&ctrl){
    mygrid.pasteBlockFromClipboard()
}
return true;
}

 

mygrid.addRow(’x3′,’0, ,0, ,0, ,0,0′,mygrid.getRowsNum())

mygrid.setColumnColor(”#d5f1ff,,,,,,,#99CCFF”); //设置列背景颜色
mygrid.setColumnMinWidth(50,0);
//mygrid.setSkin(”xp”); //XP风格
mygrid.enableAlterCss(”even”,”uneven”); //颜色交替
//mygrid.enableLightMouseNavigation(true); //鼠标导航
//mygrid.enableKeyboardSupport(true); //热键
mygrid.setOnEditCellHandler(doOnCellEdit); //编辑事件

 

 

<script>
mygrid = new dhtmlXGridObject('gridbox');
mygrid.setImagePath("dhtmlxGrid12/imgs/");
mygrid.setHeader("检验项名称, 单项收费,检验依据,判定依据,备注");
mygrid.setInitWidths("200,150,200,200,200")   //mygrid.setInitWidths("*,150,150");
mygrid.setColAlign("left,right,left,left,left")
mygrid.setColTypes("ed,price,ed,ed,txt");
mygrid.setColSorting("str,str,str,str,str")
mygrid.selMultiRows = true;
mygrid.enableAutoHeigth(true);
mygrid.enableLightMouseNavigation(true);
mygrid.enableKeyboardSupport(true);
mygrid.init();
//mygrid.loadXML("../grid.xml");

 

function pasteContent2Mycontent(){
// alert("pasteContent2Mycontent");
//var wdzContent = document.getElementbyId("wdzContent");

//alert("data=" + data);
var data = parseContentToArray();
var i=0;
var rowData;
var itemA ,itemB ,itemB ,itemD ,itemE;
for(i=0;i<=data.length-1;i++){
//rowData = data[i].join(",") ;
itemA = data[i][0];
itemB = data[i][1];
itemC = data[i][2];
itemD = data[i][3];
itemE = data[i][4];
alert('itemB='+itemB)
alert('data['+i+"]="+data[i]);
//mygrid.addRow(itemA,itemB,itemC,itemD,itemE);
mygrid.addRow(1,data[i]);
}

//alert("data length=" + s);
//alert("data length=" +s.length);
wdzContent.innerHTML = data;
}

function parseContentToArray(){
var data = getClipboard();
//alert("data=" + data);
var arrayData = data.split("n");
//alert("data length=" + arrayData.length);
var i=1;
var listData =new Array();
for(i=0 ; i<arrayData.length-1 ; i++) {
listData[i] = arrayData[i].split(" ");
//alert("listData[" +i+"]=" + listData[i]);
}
var aaa= listData[1];
//alert("listData[1][1]="+aaa[1]);
return listData;
}
</script>

 

2.servlet部分代码:

 

protected void doPost(HttpServletRequest req, HttpServletResponse resp)
   throws ServletException, IOException {
  resp.setContentType("Content-type: text/xml");
  //encoding may be different in your case
  String str="<?xml version=\"1.0\" encoding=\"utf-8\"?>";
  str+="<rows id=\"10\">";
    str+="<row id=\"11\">";  //这个代表了显示在页面的那行数据的id
    str+="<cell><![CDATA[1]]></cell>";
    str+="<cell><![CDATA[1]]></cell>";
    str+="<cell><![CDATA[1]]></cell>";
    str+="<cell><![CDATA[1]]></cell>";
    str+="<cell><![CDATA[\"1\"]]></cell>";
    str+="<cell><![CDATA[\"1\"]]></cell>";
    str+="<cell><![CDATA[\"1\"]]></cell>";
    //str+="<cell><![CDATA[".gmdate("m/d/Y",strtotime($row['pub_date']))."]]></cell>");
    str+="<cell><![CDATA[2/3/10]]></cell>";
    str+="</row>";

分享到:
评论

相关推荐

    DHTML用户界面,使用方便

    总的来说,这个主题涵盖了DHTML界面开发的关键要素,包括JavaScript、CSS、DOM操作以及特定的UI组件。通过学习和实践,开发者能够创建出既美观又功能丰富的动态用户界面,提供出色的Web应用体验。

    VisualC++ DHTML设计软件界面

    在IT行业中,软件界面设计是用户体验的关键因素之一。Visual C++作为一个强大的开发工具,提供了丰富的功能来帮助开发者创建美观...但不可否认,对于熟悉Web开发的开发者来说,DHTML UI是一个值得尝试的界面设计方法。

    DHTML设计VC界面,一种特别的VC界面设计方式

    在本文中,我们将探讨如何利用DHTML(动态超文本标记语言)来设计Visual C++ (VC++) 应用程序的用户界面,特别是通过CDhtmlDialog类。CDhtmlDialog是Microsoft在Visual C++ 7及更高版本中引入的一个新类,它允许...

    dhtmlx UI组件

    **dhtmlx UI组件**是一套全面的JavaScript库,它为开发者提供了丰富的用户界面元素,可用于构建功能强大的Web应用程序。这个组件集包含了多种模块,如树形控件、编辑器、选项卡栏、表格等,使得开发人员可以轻松地...

    DHTML手册 DHTML手册

    JavaScript通常用于操作DOM,添加、删除或修改页面元素,从而实现DHTML的效果。 CSS在DHTML中扮演着重要角色,它负责定义元素的外观和布局。通过选择器和规则,我们可以改变HTML元素的颜色、大小、位置等属性。CSS3...

    DHTML 手册 DHTML 手册

    在DHTML中,CSS可以实现动态效果,如动画、过渡和变形,让元素在页面上以各种方式移动、改变大小或改变颜色,为用户提供视觉上的吸引力。 **JavaScript** JavaScript 是一种脚本语言,它是实现DHTML动态功能的核心...

    Dhtml帮助文档 (Dhtml帮助文档)

    DHTMLX Suite提供了各种组件,如表格、树形视图、日历、菜单、对话框等,这些组件允许开发者轻松创建复杂的、互动性强的Web界面。这些组件通常基于DHTML技术,利用JavaScript和CSS实现丰富的交互效果和动态功能。 ...

    jquery jqueryui bootstrap css dhtml js oracle jdk1.6 API

    2. **jQuery UI**:基于jQuery的用户界面库,提供了各种可交互的UI组件,如对话框、拖放功能、日历、滑块等,增强了网页的用户体验。 3. **Bootstrap**:一个流行的前端开发框架,由Twitter开发,用于快速构建响应...

    Dhtml手册(Dhtml手册.chm)

    本Dhtml手册.chm文件是一个关于DHTML的综合参考资料,对于想要深入了解和学习DHTML的开发者来说,是一份宝贵的资源。 1. **HTML基础**:DHTML建立在HTML的基础上,HTML是超文本标记语言,用于创建网页结构。DHTML...

    DHTML grid 2.0

    总结起来,DHTML Grid 2.0是一个强大的Web开发工具,通过其丰富的功能和组件,如Toolbar和Calendar,可以构建出功能完备、交互性强的Web应用。`index.html`、`License_GPL.html`、`readme.txt`以及各个组件的目录都...

    dhtmlxgrid常用方法

    【dhtmlxgrid常用方法详解】 dhtmlxGrid是一款强大的JavaScript数据网格组件,它提供了丰富的功能,用于构建数据密集型的Web应用。虽然部分核心脚本是收费的,但其轻量级的设计和灵活的特性使其成为开发人员的首选...

    DHTML手册 DHTML

    **DHTML(Dynamic HTML)**是一种用于创建交互式和动态网页的技术,它结合了HTML、CSS、JavaScript以及DOM(文档对象模型)等技术,使得网页不仅具有静态展示内容的能力,还能实现动态效果和用户交互。 **HTML...

    dhtml.net 1.1版

    《深入理解DHTML.net 1.1版:网页抓取与JavaScript语法解析的利器》 在互联网技术日新月异的今天,数据抓取和分析已成为企业和个人获取网络信息的重要手段。DHTML.net 1.1版正是这样一个针对网页抓取和JavaScript...

    DHTML 手册中文文档

    DHTML 完全手册 动态 HTML (DHTML) 对象模型参考 &lt;br&gt;DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 &lt;br&gt;HTML 元素 HTML 字符集 样式表(CSS)参考 &lt;br...

    DHTML概念、核心和编程

    【DHTML概念】 动态HTML(DHTML)是一种在网页加载后仍能实时改变元素位置、外观和内容的HTML技术。这种技术使网页更具交互性和动态性,为用户提供更为丰富的浏览体验。DHTML的实现离不开多种技术的结合,包括CSS...

    dhtml参考手册 chm版本

    DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 缺省行为参考 htc 行为参考 可视化...

    wince UI 定制方法

    在Windows CE .NET中,定制用户界面(UI)是一个强大的特性,允许开发者为嵌入式设备打造独特的交互体验。在过去的版本中,Windows CE允许替换标准的壳层应用,如用自定义应用来构建销售点终端(POS)、自动取款机...

    css与DHTML布局

    2. CSS高级技巧:探讨浮动布局、定位布局、Flexbox和Grid布局,以及响应式设计。 3. DHTML入门:解释JavaScript的基础语法和DOM操作,以及如何在HTML中引入JavaScript。 4. DHTML进阶:涵盖事件处理、动画制作、Ajax...

Global site tag (gtag.js) - Google Analytics