none
能在客户端加服务器控件吗? RRS feed

  • 问题

  • 能在客户端加服务器控件吗?例如

                var theTable = document.getElementById('theRate');
                var newtr = document.createElement('tr');
                var newtd = document.createElement('td');
                newtd.innerHTML='<asp:TextBox ID="txtRateName1" runat="server" Style="position: relative" Width="195px"></asp:TextBox>'
                newtr.appendChild(newtd);
                theTable.appendChild(newtr);

    2008年12月6日 3:44

答案

  • 这样不行的, 你要用<input >去做。

     

     

     

     

    2008年12月6日 4:57
    版主
  • 需要tbody标记

    Code Snippet

     

    <script type="text/javascript">
    var aid = 1;
    function attach_add(){
     if(aid<10)
     {
      var theTable = document.getElementById('theRate');
      var newtbody = document.createElement('tbody');
      var newtr = document.createElement('tr');
      var newtd = document.createElement('td');
      newtd.innerHTML='<input id="txtRateName1" style="width: 195px; position: relative" type="text" />';
      newtr.appendChild(newtd);
      newtbody.appendChild(newtr);
      theTable.appendChild(newtbody);
      aid++;
     }

    </script>

     

     

    2008年12月7日 3:02
    版主

全部回复

  • 这样不行的, 你要用<input >去做。

     

     

     

     

    2008年12月6日 4:57
    版主
  • 服务器控件是需要asp.net的运行时编译运行的,在客户端通过脚本操作html,只能使用html的元素。

    2008年12月6日 6:50
    版主
  • <script type="text/javascript">
                var aid = 1;
            function attach_add(){
                if(aid<10)
                {
                var theTable = document.getElementById('theRate');
                var newtr = document.createElement('tr');
                var newtd = document.createElement('td');
                newtd.innerHTML='<input id="txtRateName1" style="width: 195px; position: relative" type="text" />';
                newtr.appendChild(newtd);
                theTable.appendChild(newtr);
                aid++;
                }

            } 

     

                <tr>
                    <td style="width: 200px" class="tdLeft">
                        <input id="txtRateName" style="width: 195px; position: relative" type="text" /></td>
                    <td style="width: 200px" class="tdLeft">
                        <input id="txtRateValue" style="width: 195px; position: relative" type="text" /></td>
                    <td style="width: 174px" class="tdLeft">
                        <input id="btnSave" style="position: relative; width: 55px; height: 24px;" type="button" value="保存" />
                        <input id="btnNewAdd" style="width: 55px; position: relative; height: 24px" type="button"
                            value="添加" onclick="BLOCKED SCRIPTattach_add();" />
                        <input id="btnDel" style="position: relative; width: 55px;" type="button" value="删除" onclick="BLOCKED SCRIPTvoid(0);"/></td>
                </tr>

    我哪里写错了呢?

    2008年12月6日 8:05
  • 需要tbody标记

    Code Snippet

     

    <script type="text/javascript">
    var aid = 1;
    function attach_add(){
     if(aid<10)
     {
      var theTable = document.getElementById('theRate');
      var newtbody = document.createElement('tbody');
      var newtr = document.createElement('tr');
      var newtd = document.createElement('td');
      newtd.innerHTML='<input id="txtRateName1" style="width: 195px; position: relative" type="text" />';
      newtr.appendChild(newtd);
      newtbody.appendChild(newtr);
      theTable.appendChild(newtbody);
      aid++;
     }

    </script>

     

     

    2008年12月7日 3:02
    版主
  • var theTable = document.getElementById('theRate');
    var newtbody = document.createElement('tbody');
    var newtr = document.createElement('tr');
    var newtd = document.createElement('td');
    newtr.appendChild(newtd);
    newtbody.appendChild(newtr);
    theTable.appendChild(newtbody);
    这个是为table添加最后一行,怎样给table添加倒数第2的行呢

    2008年12月9日 9:19
  • var theTable = document.getElementById('theRate');
    var newtbody = document.createElement('tbody');
    var newtr = document.createElement('tr');
    var newtd = document.createElement('td');
    newtr.appendChild(newtd);
    newtbody.appendChild(newtr);
    theTable.appendChild(newtbody);
    这个是为table添加最后一行,怎样给table添加倒数第2的行呢

     

     

            <table border="1" cellpadding="0" cellspacing="0" style="position: relative" class="table" id="theRate">
                <tr id="trAdd">
                    <td class="tdLeft" colspan="2">
                    &nbsp;
                    </td>
                    <td class="tdLeft" style="width: 174px">
                        <input id="btnNewAdd" style="width: 55px; position: relative; height: 24px" type="button"
                            value="添加" onclick="BLOCKED SCRIPTattach_add();" /></td>
                </tr>
            </table>

    2008年12月9日 9:28