2015-07-14 2 views
0

Im рендеринга DataGrid в ASP.Net VB, я хочу, чтобы включить переключатель Bootstrap, но может предназначаться только одна строкаBootstrap переключатель в Datagrid

HTML:

<asp:TemplateColumn HeaderText="Allow text" ItemStyle-Width="1px" HeaderStyle-Width="1px"> 
    <ItemTemplate> 
     <asp:CheckBox ID="cbtxt" runat="server" Checked='<%# Container.DataItem("allowtxt")%>'/> 
    </ItemTemplate>   
</asp:TemplateColumn> 

Jquery:

$("[id='ContentPlaceHolder1_dgNames_cbtxt_1']").bootstrapSwitch(); 

Я мог получить только одну работу, обратившись к консоли разработчика Chrome, когда я попытался сбросить «1» в конце, он не работал, он работает только, если у меня есть полный идентификатор, и ничего больше. Есть ли способ обойти это?!

Показать enter image description here

Консоль enter image description here

+0

Может быть, вы могли бы добавить класс с флажком, и использовать его в качестве JQuery селектор? например '' then '$ (". switch "). bootstrapSwitch()'. Тем не менее, [выглядит как] (http://stackoverflow.com/a/10179895/2278086) 'CssClass' на' CheckBox' может создать завернутый 'span' с набором' class', поэтому, возможно, вам понадобится '$ ("span.switch> input"). bootstrapSwitch() '. – Mark

+0

@Mark благодарит за вас ответ и ссылку на ответ, оцененный. – Johnn5er

ответ

0

Ответ на мой вопрос можно найти более here. Класс i, добавленный в <asp:checkbox>, не был поднят при отображении страницы. Таким образом, в качестве ссылки на @Mark и выше ссылку, я просто добавил класс с флажком через JQuery, прежде чем я инициализируется Bootstrap переключатель:

$("input[type=checkbox]").addClass("switch"); 
    $(".switch").bootstrapSwitch(); 
Смежные вопросы