如何给DataGrid中的数据列添加下拉菜单

数据表格控件啊！！！！！

解决方案 »

  1.   

    给你个小例子做参考吧<HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <TITLE>测试修改表格</TITLE>
    <STYLE>
    /*提示层的样式*/
    /*tr的样式*/
    tr
    {
        font-family: "宋体";
        color: #000000;
        background-color: #C1DBF5;
        font-size: 12px
    }/*trhead属性*/
    .TrHead
    {
        FONT-SIZE: 13px;
        font-family:"宋体", "Verdana", "Arial";
        BACKGROUND-COLOR: #77AADD;
        COLOR:#FFFFFF;
        height: 25;
    }
    /*文本框样式*/
    INPUT
    {
        BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7 #AACEF7;
        BORDER-RIGHT: 1px solid;
        BORDER-TOP: 1px solid;
        BORDER-LEFT: 1px solid;
        BORDER-BOTTOM: 1px solid;
        FONT-SIZE: 12px;
        FONT-FAMILY: "宋体","Verdana";
        color: #000000;
        BACKGROUND-COLOR: #E9EFF5;
    }
    </STYLE>
    </HEAD>
    <BODY>
    <SCRIPT language = "JavaScript">
    <!--全局变量
    var editer_table_cell_tag = false;
    var run_edit_flag = true;function editerTableCell(tableId,noEdiId)
    {
    var tdObject = event.srcElement;
    var tObject = ((tdObject.parentNode).parentNode).parentNode;
    if(tObject.id == tableId &&tdObject.id != noEdiId&&editer_table_cell_tag == false
       && run_edit_flag == true)
    {
    tdObject.innerHTML = "<select id='tempSel'><option value=aaa>aaa</option><option value=bbb>bbb</option></select><input type=button value=' 确定 ' onclick='certainEdit(document.all.tempSel)'>";
    editer_table_cell_tag = true;
    }
    else
    {
    return false;
    }
    }/**
     * 确定修改
     */
    function certainEdit(obj)
    {
    var bObject = event.srcElement;
    var tdObject = bObject.parentNode;
    var txtObject = tdObject.firstChild;
    change(obj);
    tdObject.innerHTML = txtObject.value;
    //代表编辑框已经关闭
    editer_table_cell_tag = false;
    }
    //自定义函数
    function change(obj)
    {
        alert(obj.options[obj.selectedIndex].value);
    }-->
    </SCRIPT>
    <TABLE id="editer_table" width="100%" align="center" 
       onclick="editerTableCell('editer_table','no_editer')">  
        <TR class="TrHead">
    <TD colspan="3" align="center" id="no_editer">自由编辑表格</TD>
    </TR>
    <TR>
    <TD width="33%">&nbsp;</TD>
    <TD width="33%">&nbsp;</TD>
    <TD width="33%">&nbsp;</TD>
    </TR>
    <TR>
    <TD width="33%">&nbsp;</TD>
    <TD width="33%">&nbsp;</TD>
    <TD width="33%">&nbsp;</TD>
    </TR>
    <TR>
    <TD width="33%">&nbsp;</TD>
    <TD width="33%">&nbsp;</TD>
    <TD width="33%">&nbsp;</TD>
    </TR>
    <TR>
    <TD width="33%">&nbsp;</TD>
    <TD width="33%">&nbsp;</TD>
    <TD width="33%">&nbsp;</TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>