Открыть диалог Jquery с помощью поля шаблона asp.net Gridview - PullRequest
Новая
       15

Открыть диалог Jquery с помощью поля шаблона asp.net Gridview

1 голос
/ 25 сентября 2010

Как я могу открыть Jquery Dialog и кнопку с изображением, вставленную в поле шаблона Gridview? 

  <asp:TemplateField HeaderText="افزودن">
                                    <ItemTemplate>
                                        <asp:ImageButton ID="add" runat="server" CausesValidation="false" CommandName="adddetail"
                                            ImageUrl="~/Tadarokat/Images/add.png" Text="افزوردن" CommandArgument='<%# eval("mprid") %>' />
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                                </asp:TemplateField>

моя функция jquery: 

   <script type="text/javascript">
    // increase the default animation speed to exaggerate the effect
    $.fx.speeds._default = 1000;
    $(function test() {
        $('#Div2').dialog({
            autoOpen: false,
            show: 'slide',
            hide: 'clip',
            width: 'auto',
            height: 'auto'
            ,
            modal: true,
            resizable: false
        });

        $('#opener').click(function test() {
            $('#Div2').dialog('open');
            return false;
        });
    });
</script>

- это кнопка htmlя хочу использовать мой asp.net кнопку изображения вместо ножа.Мой вопрос понятен?

1 Ответ

2 голосов
/ 27 сентября 2010

Решено:) 

 <ItemTemplate>
                        <asp:ImageButton ID="ImageButton1" runat="server"  OnClientClick="showDialog('editPerson');" 
                            ImageUrl="~/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png" />
                    </ItemTemplate>
                </asp:TemplateField>

Функция Jquery: 

<script type="text/javascript">
    $(document).ready(function() {
        //setup new person dialog
        $('#newPerson').dialog({
                autoOpen: false,
                draggable: true,
                title: "Add New Person",
                open: function(type, data) {
                    $(this).parent().appendTo("form");
                }
            });

            //setup edit person dialog
            $('#editPerson').dialog({
                autoOpen: false,
                draggable: true,
                title: "Edit Person",
                open: function(type, data) {
                    $(this).parent().appendTo("form");
                }
            });
    });

    function showDialog(id) {
        $('#' + id).dialog("open");
    }

    function closeDialog(id) {
        $('#' + id).dialog("close");
    }

</script>
...