使用datagrid控件,然后用datagrid的事件来控制!

解决方案 »

  1.   

    修改DataTable:
    object obj = ds.Tables[0].Rows[1][0];
    ds.Tables[0].Rows[1][0] = ds.Tables[0].Rows[2][0];
    ds.Tables[0].Rows[2][0] = obj;
    用同样的方法替换CustomName这列
      

  2.   

    你这个数据库到底是干什么的啊?
    不用dhtml你不是要把服务器累死吧?
      

  3.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>【孟宪会之精彩世界】</title>
    <style>
    INPUT.CustButton { BACKGROUND-COLOR: #cfd5e5;padding-top:1px;font-size:9pt;font-family:宋体,新宋体;}
    </style>
    </head>
    <body>
    <h4>本文用具体的例子说明了交换表格行,并保持行内元素状态信息的实现方法。</h4>
    <form name=formName>
    <table width="98%" cellspacing="1" cellpadding="1" border="0" bgcolor="#0099FF" onclick="getObj()" id="tblContainer" align="center">
    <tr bgcolor="#E1E1E1">
    <td style="font-weight:bold" width="10%">是否显示</td>
    <td style="font-weight:bold" width="40%">标题</td>
    <td style="font-weight:bold" width="50%">URL 地址(href)</td>
    <td style="display:none" width="0">
    </tr>
    <tr bgcolor="#FFFFFF">
    <td><input type=checkbox checked></td><td>【孟宪会之精彩世界】之HTML</td><td>http://lucky.myrice.com/</td><td style="display:none"></td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td><input type=checkbox checked></td><td>【孟宪会之精彩世界】之ASP</td><td>http://ps.luohuedu.net/sg5s/</td><td style="display:none"></td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td><input type=checkbox checked></td><td>孟子E章</td><td>http://www.csdn.net/</td><td style="display:none"></td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td><input type=checkbox checked></td><td>【孟宪会之精彩世界】之.NET</td><td>http://lucky_elove.www1.dotnetplayground.com</td><td style="display:none"></td>
    </tr>
    </table>
    <div align="center" style="width:100%;padding-top:5px">
    <input type="button" value="↑" class="CustButton" onclick="up()" />&nbsp;
    <input type="button" value="↓" class="CustButton" onclick="down()" />&nbsp;
    </div>
    <div style="padding:5px" align="right">
    <input type="hidden" value="" name="getXMLOrder" />
    <input type="button" value=" 保  存 " class="CustButton" onclick="cal()" />
    </div>
    </form>
    <script>
    var oTr = new Object()
    function up()
    {
    if(oTr == null || oTr.tagName == null)
    {
    alert("请选择要进行调整的行。")
    return
    }
    var e=oTr
    if(e.tagName=="TABLE" || e.tagName=="TBODY") return
    while(e.tagName!="TR") e=e.parentElement
    if(e.previousSibling && e.previousSibling.rowIndex > 0)
    e.swapNode(e.previousSibling)
    resetTable()
    }function down()
    {
    if(oTr == null || oTr.tagName == null)
    {
    alert("请选择要进行调整的行。")
    return
    }
    var e=oTr
    if(e.tagName=="TABLE" || e.tagName=="TBODY") return
    while(e.tagName!="TR") e=e.parentElement
    if(e.nextSibling) e.swapNode(e.nextSibling)
    resetTable()
    }
    function getObj()
    {
    var e=event.srcElement
    if(e.tagName == null) return
    if(e.tagName=="TABLE" || e.tagName=="TBODY") return
    for(var i=1;i<document.getElementById("tblContainer").rows.length;i++)
    document.getElementById("tblContainer").rows[i].bgColor = "#FFFFFF"
    while(e.tagName!="TR") e=e.parentElement
    if(e.rowIndex != 0) e.bgColor = "#5cbeff"
    if(event.srcElement.type=="checkbox")
    {
    if(event.srcElement.checked)
    e.cells[3].innerText = ""
    else
    e.cells[3].innerText = "-1"
    }
    if(e.rowIndex != 0) oTr = e
    else
    oTr = null
    }
    function cal()
    {
    var strXml = "<itemorders>" + "\n"
    var objRows = document.getElementById("tblContainer").rows
    for(var i = 1;i<objRows.length;i++)
    {
    strXml += "<item>"
    strXml += "<itemorder>"
    if(objRows[i].cells[3].innerText =="-1")
    strXml += "-1"
    else
    strXml += objRows[i].rowIndex
    strXml += "</itemorder>"
    strXml += "<href>"
    strXml += objRows[i].cells[2].innerText
    strXml += "</href>"
    strXml += "</item>" + "\n"
    }
    strXml += "</itemorders>"
    document.formName.getXMLOrder.value = strXml
    alert("您可以在这里进行保存处理,\n\n这里省略了,只是把信息收集到XML字符串里,可以提交到服务器进行处理…………")
    alert(document.formName.getXMLOrder.value)
    return
    document.formName.submit()
    }function resetTable()
    {
    var objRows = document.getElementById("tblContainer").rows
    for(var i = 1;i<objRows.length;i++)
    {
    if(objRows[i].cells[3].innerText == "-1") objRows[i].cells[0].innerHTML = "<input type=checkbox>"
    else
    objRows[i].cells[0].innerHTML = "<input type=checkbox checked>"
    }
    }
    </script>