Actualisation de la GridView du côté Client (Javascript) asp.net

J'ai ajouté le contrôle Gridview sur une page web.

Je suis la suppression de toutes les lignes (une ligne à la fois) en appelant PageMethod comme suit: 

    <script type="text/javascript">
      function Delete_Row(){
        PageMethods.DeleteRow(row_id, GetTimeCallback, ErrorHandler, TimeOutHandler);
      }
      GetTimeCallback = function (result) 
      {
         if (result) {
            alert('Row is deleted');
            //I want to refresh the Gridview here
          }
      }
    <script type="text/javascript">

où "row_id" est primery clé de la ligne.

Il montre l'alerte parfaitement, mais n'actualise pas le contrôle Gridview avec un moins ligne supprimée.

quel code dois-je écrire pour mettre à Jour le contrôle gridview?

REMARQUE: je ne veux pas de rafraîchir toute la page.

InformationsquelleAutor Prasad Jadhav | 2012-08-31
  1. 1

    Écrire Rappel Fonction pour réaliser cela...Vous pouvez trouver la Fonctionnalité de Rappel à http://msdn.microsoft.com/en-us/library/ms178208 et http://msdn.microsoft.com/en-us/library/ms178210

    Edit:-

       protected void Page_Load(object sender, EventArgs e)
   {
    String cbReference =Page.ClientScript.GetCallbackEventReference(this,
        "arg", "ReceiveServerData", "context");
    String callbackScript;
    callbackScript = "function CallServer(arg, context)" +
        "{ " + cbReference + ";}";
    Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
        "CallServer", callbackScript, true);

   }


 System.IO.StringWriter strDataGridHtml= new System.IO.StringWriter(); 

 public void RaiseCallbackEvent(String eventArgument)
    {
         string idToBeDeleted=eventArgument;
         //Write deleteCode
         //DataBind the Grid
         HtmlTextWriter htwObject = new HtmlTextWriter(strDataGridHtml);
         GridViewControl.RenderControl(htwObject);
    }        

public String GetCallbackResult()
    {
        return strDataGridHtml.ToString();
    }

    Maintenant que vous voyez ce strDataGridHtml sera envoyé à la Fonction Javascript ReceiveServerData...

    <script type="text/ecmascript">

    function ReceiveServerData(rValue)
    {   
        document.getElementById("divIDWhichEncapsulategridView").innerHTML = rValue;

    }
  </script>

    Espère que cela Va vous Aider..Comme je n'ai pas-je avoir votre code complet je ne peux pas écrire le montant exact...mais ce devrait vous donner une idée sur comment procéder...Et aussi s'il vous plaît passer par le "Rappel" de la Fonctionnalité afin de comprendre cette fonctionnalité au maximum..

    • Grâce Amol. C'est l'appel de serverside méthode "RaiseCallbackEvent", mais pas refresing Gridview. J'ai utilisé GridView1.DataSource = SqlDataSource1; GridView1.DataSourceID = String.Vide; GridView1.DataBind(); Ce code dans serverside méthode Mais ça ne fonctionne pas. d'autres idées?
    • Ce que vous avez à faire est de..Après la liaison d'utilisation HTMLTextWriter de Rendre le contrôle gridView et la transmettre à la fonction Javascript...En fonction Javascript, vous devez attribuer ce texte comme InnerHTML à la Div qui contient GridView...
    • Système.IO.StringWriter sWriter = nouveau Système.IO.StringWriter(); HtmlTextWriter htwObject = new HtmlTextWriter(sWriter); GridViewControl.RenderControl(htwObject); c'est la façon de rendre le contrôle gridview dans HTMLTextWriter..puis le passer à Javascript
    • Je suis totalement nouveau pour cette fonction. u s'il vous plaît ajouter ce code dans votre ans, ce sera mieux pour moi de comprendre...merci à l'avance.
    • Grâce Amol pour montrer le code. Mais il ne semble pas travailler. Il supprime la ligne bien que, le code HTML, il génère ne contient pas les modifications que nous avons apportées dans la base de données et donc la DIV( avec l'ID "divIDWhichEncapsulategridView") montre le tableau précédent seulement.
    InformationsquelleAutor Amol Kolekar