GridViewにテキストボックスとドロップダウンリストを入れて編集する方法

すみません。私はこれで本当に新しいですが、私は本当に難しいです。私は本当にテキストボックスとドロップダウンリストを編集するためにgridviewに配置する方法について助けが必要です。GridViewにテキストボックスとドロップダウンリストを入れて編集する方法

これは私が<asp:dropdownlist>と<asp:templatefield>を入れてみましたが、私はエラー「タイプを抱えている私のGridView

<div id="id_tm1" runat="server" class="grid" style="border: 1px solid black; overflow: scroll; 
          width: 94%; height: 103px" visible="true"> 
          <asp:GridView ID="gvGroup" runat="server" AllowPaging="true" AllowSorting="True" 
           AutoGenerateColumns="False" BorderColor="Silver" BorderWidth="1px" Height="77px" 
           Width="98%"> 
           <RowStyle Font-Names="Arial" Font-Size="9pt" HorizontalAlign="Center" /> 
           <Columns> 
            <asp:BoundField DataField="JOBTITLE" HeaderStyle-BackColor="#666666" HeaderText="Job Title" 
             ItemStyle-Height="10px" ItemStyle-Width="50px"> 
             <HeaderStyle BackColor="#666666" /> 
             <ItemStyle Width="50px" /> 
            </asp:BoundField> 
            <asp:BoundField DataField="BUSINESS_UNIT" HeaderStyle-BackColor="#666666" HeaderText="Business Unit" 
             ItemStyle-Height="10px" ItemStyle-Width="50px"> 
             <HeaderStyle BackColor="#666666" /> 
             <ItemStyle Width="50px" /> 
            </asp:BoundField> 
            <asp:BoundField DataField="DIVISION" HeaderStyle-BackColor="#666666" HeaderText="Division" 
             ItemStyle-Height="10px" ItemStyle-Width="50px"> 
             <HeaderStyle BackColor="#666666" /> 
             <ItemStyle Width="50px" /> 
            </asp:BoundField> 
            <asp:BoundField DataField="SUB_DIVISION" HeaderStyle-BackColor="#666666" HeaderText="Sub-Division" 
             ItemStyle-Height="10px" ItemStyle-Width="50px"> 
             <HeaderStyle BackColor="#666666" /> 
             <ItemStyle Width="50px" /> 
            </asp:BoundField> 
            <asp:BoundField DataField="CLASSIFICATION" HeaderStyle-BackColor="#666666" HeaderText="Classification" 
             ItemStyle-Height="10px" ItemStyle-Width="50px"> 
             <HeaderStyle BackColor="#666666" /> 
             <ItemStyle Width="50px" /> 
            </asp:BoundField> 
            <asp:BoundField DataField="SUB_CLASSIFICATION" HeaderStyle-BackColor="#666666" HeaderText="Sub-Classification" 
             ItemStyle-Height="10px" ItemStyle-Width="50px"> 
             <HeaderStyle BackColor="#666666" /> 
             <ItemStyle Width="50px" /> 
            </asp:BoundField> 
           </Columns> 
           <PagerStyle Font-Size="9pt" HorizontalAlign="Right" /> 
           <EmptyDataTemplate> 
            <div style="width: 100%; font-size: 10pt; text-align: center; color: Red;"> 
             No record found. 
            </div> 
           </EmptyDataTemplate> 
           <HeaderStyle BackColor="DarkGray" Font-Bold="True" Font-Names="Arial" Font-Size="9pt" 
            ForeColor="White" HorizontalAlign="Center" /> 
           <AlternatingRowStyle BackColor="Gainsboro" /> 
          </asp:GridView> 
         </div>

の私のコードである「System.Web.UI.WebControls.BoundFieldの公開を持っていません私はGridViewのアイテムリストの[編集]ボタンをクリックして、それを編集することができたときに「TemplateField」または「のDropDownList」という名前のプロパティが

テキストボックスとドロップダウンリストが表示されます。Output ありがとう。

出典

2016-10-21 Anonymous

まだコードはありますか？あなたの質問を改善するために[最小、完全、および検証可能な例を作成する方法]（http://stackoverflow.com/help/mcve）を見てください。 –

コードでフィドラーを作成してください。私は簡単に回避できます。 – UDID

<table border="1"> 

     <tr> 
      <td>Job title</td> 
      <td> 
       Busines Unit 
      </td> 
      <td> Division </td> 
      <td>Sub Division</td> 
      <td>Classificcation</td> 
       <td>Sub Classification</td> 
     </tr> 

     <tr> 
      <td>Dir marketing</td> 
      <td> 
       <select><option value="0">Please select</option></select> 
      </td> 
      <td><select><option value="0">Please select</option></select></td> 
      <td><select><option value="0">Please select</option></select></td> 
      <td><select><option value="0">Please select</option></select></td> 
      <td><select><option value="0">Please select</option></select></td> 
      <td> <button>Save</button></td> 
     </tr> 

    </table>

あなたはそれがさえずり - ブートストラップフレームワークと非常に簡単に行うことができます。このよう

出典

2016-10-21 06:57:53 XYZ

お試しいただきありがとうございます –

を試すことができます。はGrid System
を見て、あなたがこのようなあなたの<head></head>にブートストラップが埋め込まれていることを確認してください：あなたの体の

<head> 

    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

    <!-- Optional theme --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 

    <!-- Latest compiled and minified JavaScript --> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 

</head>

してから、このようなものを作る：

<body> 
<div class="row"> 
    <div class="col-md-2"> 
     <label class="control-label">Job Title:</label> 
     <span>Dir Marketing</span> 
    </div> 
    <div class="col-md-2"> 
     <label class="control-label">Business Unit:</label> 
     <select> 
      <option value="">--Please select--</option> 
     </select> 
    </div> 
    <div class="col-md-2"> 
     <label class="control-label">Division:</label> 
     <select> 
      <option value="">--Please select--</option> 
     </select> 
    </div> 
    <div class="col-md-2"> 
     <label class="control-label">Sub-Division</label> 
     <select> 
      <option value="">--Please select--</option> 
     </select> 
    </div> 
    <div class="col-md-2"> 
     <label class="control-label">Classification:</label> 
     <select> 
      <option value="">--Please select--</option> 
     </select> 
    </div> 
    <div class="col-md-2"> 
     <label class="control-label">Sub-Classification:</label> 
     <select> 
      <option value="">--Please select--</option> 
     </select> 
    </div> 
    <button class="btn btn-primary">Save</button> 
</div> 
</body>

これはすべて提供しますあなたのようなもの：

出典

2016-10-21 07:10:22 Blueblazer172

これで簡単です;） –

GridViewにテキストボックスとドロップダウンリストを入れて編集する方法

答えて

関連する問題