2016-11-09 3 views
0

私はDropDOwnCheckBoxをASP.NETページのコントロールの1つとして使用しています。私は、ブートストラップからフォームコントロールクラスを使用してみてくださいたびに、私はresponse.Thisを取得していない私のコードです:DropDownCheckBoxesがASP.NETのブートストラップクラスに応答しない

 <cc1:DropDownCheckBoxes ID="ddlChkBoxLst" CssClass="form-control" runat="server" Visible="False" UseSelectAllNode="False" AddJQueryReference="true"> 
            <%--<Style SelectBoxWidth="195" DropDownBoxBoxWidth="160" DropDownBoxBoxHeight="90"></Style>--%> 
             <Items> 
              <asp:ListItem Text="By Bank" Value="1"></asp:ListItem> 
              <asp:ListItem Text="By Sector" Value="2"></asp:ListItem> 
              <asp:ListItem Text="By Country" Value="3"></asp:ListItem> 
              <asp:ListItem Text="By Investment Type" Value="4"></asp:ListItem> 
              <asp:ListItem Text="By Location" Value="5"></asp:ListItem> 
              <asp:ListItem Text="By Amount" Value="6"></asp:ListItem> 
             </Items> 
           </cc1:DropDownCheckBoxes> 

どのように私はこの問題を解決するか、前に?

答えて

1

チェックボックスでドロップダウンを実装するには、「ブートストラップドロップダウンチェックボックス」を使用できます。

は、すべてあなたが以下のようにこれを行うにはNEDD: -

インストール

  1. jQueryとブートストラップを追加します。

  2. HTML本体とjQueryの後にこれを追加します - セクションの後にこれを追加

    スクリプトタイプ "テキスト/ javascriptの" SRC = "/パス/ブートストラップ・ドロップダウン・checkbox.js"

  3. を:

リンクREL = "スタイルシート" タイプ= "テキスト/ CSS" HREF = "/パス/ブートストラップ・ドロップダウン・checkbox.css">

あなたが使用する必要があるHTMLテンプレート:

div class="myDropdownCheckbox" 

次に、jQueryのセレクタを通じて:詳細については

var myData = [{id: 1, label: "Test" }]; 
$(".myDropdownCheckbox").dropdownCheckbox({ 
    data: myData, 
    title: "Dropdown Checkbox" 
}); 

http://acquisio.github.io/bootstrap-dropdown-checkbox/

関連する問題