2017-07-11 41 views
-1

動的にテキストボックスを作成しようとしています。私はrunat='server'を使用するためのasp:TextBoxinput type=textBox からテキストボックスの種類を変更したときに、私はエラーを取得し、しかしjqueryでrunat = serverを使用して動的にテキストボックスを作成する方法

var parentTable = $('<table border="0" class="table table-bordered" width="100%" id="searchInformation"/>'); 
var tr = $("<tr class='searchEntitydata'/>"); 
var tr2 = $("<tr class='searchEntitydata1'/>"); 

tr.append("<td id='HQNametd'> <label ID='hqName'>HQ Name</label> <input type='textBox' id='textboxSearch' placeholder='Search HeadQuarter'> </td>"); 
tr.append("<td id='HQIDtd'> <label ID='hqId'>HQ ID</label> <input type='textBox' id='textboxSearchHQId' placeholder='Search ID'> </td>"); 
tr.append("<td id='BranchNametd'> <label ID='BranchName'>Branch Name</label> <input type='textBox' id='textboxSearchBranchName' placeholder='Search Branch Name'> </td>"); 
tr.append("<td id='BranchIdtd'> <label ID='BranchId'>Branch Id</label> <input type='textBox' id='textboxSearchBranchId' placeholder='Search Branch ID'> </td>"); 

tr2.append("<td id='Citytd'> <label ID='City'>City</label> <input type='textBox' id='textboxSearchBranchId' placeholder='Search Branch ID'> </td>"); 
tr2.append("<td id='Statetd'> <label ID='State'>State</label> <input type='textBox' id='textboxSearchBranchId' placeholder='Search Branch ID'> </td>"); 

parentTable.append(tr); 
parentTable.append(tr2); 
$('#confirmSearch').append(parentTable); 

:私は正常に以下のコードを経由して、それを作成することができます。

runat=serverでテキストボックスを動的に作成する方法はありますか?

+0

あなたはクライアント側でそれを行う必要がありますか?サーバー側のソリューションはOKですか? –

+0

@VladStryapko:* okay *だけでなく、おそらく必要です。 –

+2

クライアント側ではできません。サーバー側のみ –

答えて

1

no jQueryまたはクライアントサイドスクリプトからasp-runat = "server"タグを追加することはできません。サーバー側から動的にテキストボックスを生成し、コードをajaxコントロールツールキットの更新パネルにカプセル化してください。

のC#:

TextBox tbOne = new TextBox(); 
Label lblOne = new Label(); 
lblOne.ID = "lblId"; 
lblOne.Text = "My label"; 
lblOne.Width = 200; 

tbOne.ID = "tbId"; 
tbOne.Text = "xyz"; 
pnl.Controls.Add(lblOne); 
pnl.Controls.Add(tbOne); 

ASPX(クリックまたはページのロードまたは任意のサーバー側イベントで):

<asp:Panel ID="pnl"Width="100%" runat="server"> 
    </asp:Panel> 
関連する問題