Question

我知道这已经成为互联网上的一个问题，但我一直在研究几个小时而没有找到适合我的答案。当我单击按钮时，文本框内的文本应该添加到下拉列表中并重新加载表而不刷新整个页面，我尝试使用更新面板但是当它执行时，下拉列表会丢失其引导程序css。我在ASP .NET中有这样的代码

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <table>
              <tr>
                <td>
                </asp:Label> <asp:Label ID="Label1" runat="server" 
                Text="Clearance No."></asp:Label>
                </td>

                <td>
                <asp:TextBox ID="Textbox1" runat="server" Enabled="False">
                </asp:TextBox>
               </td>
              </tr>
              <tr>
                <td>
                   <asp:DropDownList ID="dropdown1" runat="server">
                   </asp:DropDownList>
                </td>
                   <asp:TextBox ID="Textbox2" runat="server" Enabled="true">
                   </asp:TextBox>
                <td>
                </td>

                <td>
                   <asp:Button ID="Button1" runat="server" Text="Add To 
                   Dropdown" OnClick="Button1_Click" />
                </td>
              </tr>
            </table>
        </ContentTemplate>
         <Triggers>
              <asp:AsyncPostBackTrigger ControlID="Button1" 
              EventName="Click" />
            </Triggers>
</UpdatePanel>

Answer 1

我会说尝试研究AJAX，它是一种使用Javascript异步发送和接收数据而不刷新页面的技术

在ASP.net中，JQuery通常包含在默认包中，这使得使用AJAX变得更加容易。

以下是我正在使用的一些代码的示例请求：刷新表：

import { Injectable } from '@angular/core';
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable} from 'angularfire2/database';
import { Observable } from 'rxjs';
import { Client } from '../models/Client';

@Injectable()
export class ClientService {
  clients: FirebaseListObservable<any[]>;
  client: FirebaseObjectObservable<any>;

  constructor(
    public af:AngularFireDatabase
  ) { 
    this.clients = this.af.list('/clients') as FirebaseListObservable<Client[]>;
  }

  getClients(){
    return this.clients;
  }

  newClient(client:Client){
    this.clients.push(client);
  }

  getClient(id:string){
    this.client = this.af.object('/clients/'+id) as FirebaseObjectObservable<Client>;
    return this.client;
  }

  updateClient(id:string, client:Client){
    return this.clients.update(id, client);
  }

  deleteClient(id:string){
    return this.clients.remove(id);
  }

}

我希望这很有用

刷新表而不重新加载页面而不会丢失CSS设计

1 个答案: