2012-04-24 4 views
0

как сделать флажок установленным или снятым флажком на основе значения, отправленного функции Javascript? Pls check this как позвонить showModalPopup функция.Установите флажок с помощью функции Javascript


У меня есть GridView:

<asp:GridView ID="GV1" runat="server" DataSourceID="DS1" > 
    <Columns> 

    <asp:BoundField HeaderText="ID" DataField="ID"/> 

    <asp:TemplateField ShowHeader="False"> 
     <ItemTemplate> 
     <asp:LinkButton ID="Edit_LinkButton" runat="server" CausesValidation="False" > 
      <asp:Image ID="Edit_Linkbutton_Image" runat="server" ImageUrl="~/edit.png"></asp:Image> 
     </asp:LinkButton> 
     </ItemTemplate> 
    </asp:TemplateField> 

    <asp:TemplateField HeaderText="Status" Visible="False"> 
     <ItemTemplate> 
     <asp:Label ID="Status" runat="server" Text='<%# Bind("Status") %>'></asp:Label> 
     </ItemTemplate> 
    </asp:TemplateField> 

    </Columns> 
</asp:GridView> 

И тогда я придаю функцию Javascript для LinkButton через код-за:

Dim myLinkButton As LinkButton 

For i As Integer = 0 To GV1.Rows.Count - 1 
    Dim CheckBox1 As String = TryCast(GV1.Rows(i).FindControl("Status"), Label).Text 

    myLinkButton = DirectCast(GV1.Rows(i).Cells(1).FindControl("Edit_LinkButton"), LinkButton) 
    myLinkButton.Attributes.Add("onclick", "shopModalPopup('" & .Rows(i).Cells(0).Text & "', '" & CheckBox1 & "'); return false;") 
Next 

Rows(i).Cells(0) является первой колонке на Gridview, это «ID».

Тогда функция Javascript для вызова модального-бокса:

<script> 
       var grid_modal_options = { 
        height: 450, 
        width: 550, 
        modal: true 
       }; 

       function shopModalPopup(Field1, Check1) { 
        var DataField1 = Field1; //--> ID 
        var CheckField1 = Check1; //--> Status 

        grid_modal_options.open = function() { 
         $('#dialog-form #Textbox1').val(DataField1); 
         $('#dialog-form #Checkbox1').checked = CheckField1; 
        }; 

        $("#dialog-form").dialog(grid_modal_options); 
        $("#dialog-form").parent().appendTo('form:first'); 
       } 
</script> 

И модальное окно код для отображения:

<div id="dialog-form" title="Modal-box" style="display: none;"> 
    <asp:TextBox ID="Textbox1" runat="server" Text="" Enabled="false"> 
    <asp:CheckBox ID="Checkbox1" runat="server"/> 
</div> 

Код выше не установите флажка но для назначенного значения текстового поля. Мне нужен флажок, который также назначается javascript. Как я могу это сделать? Большое спасибо.

+0

Я не вижу, где вы называете 'shopModalPopup'. – Marc

+0

Вы должны прочитать документы API. Как только ваш код будет работать правильно, переместите его на http://codereview.stackexchange.com, так как он может использовать несколько стилистических улучшений. –

+0

И если вы используете уникальные идентификаторы для ссылок на свои элементы DOM, вам не нужно делать их более конкретными, чем только ID – Marc

ответ

0

Используйте .prop() команду:

$("#dialog-form #Checkbox1").prop("checked", CheckField1); 

http://api.jquery.com/prop/

+0

Я думаю, что это должно быть правильно, но это не работает. Я что-то упускаю? Pls см. Ссылку, приведенную выше, чтобы узнать, как вызвать функцию на Javascript. Спасибо :) –

+0

@ mrjimoy_05 - что возвращает CheckField1? alert (CheckField1), это должно возвращать значение true, чтобы установить свойство значения флажка. –

+0

CheckField1 возвращает значение true/false. Я проверил его и вернул правильное значение, но все еще не могу проверить/снять флажок. –

0

Довольно уверен, что это должно быть так:

$('#dialog-form #Checkbox1').attr('checked', true); 
+0

Спасибо, но это не сработает. Pls см. Ссылку, приведенную выше, чтобы понять, как вызвать функцию на Javascript. :) –

0

Вы можете использовать .val(), со значением флажка в качестве одного -имя массива для проверки флажка:

$('#dialog-form #Checkbox1').val([ "Checkbox1" ]); 

Убедитесь, что флажок установлен в поле «Checkbox1» как value.

+0

Спасибо за код, но он не работает. Pls см. Ссылку, приведенную выше, чтобы понять, как вызвать функцию на Javascript. :) –

+0

@ У вас установлен флажок с атрибутом 'value'? –

+0

Нет, это не ... Или я неправильно понял, что вы имеете в виду? –

Смежные вопросы