calling a javascript function from the inlinecode aspx

Question

I have the working code pasted below which has a function called FormatStatus() as part of inline code and the actual definition is in the code behind (C#). My question is if I move the function (FormatStatus()) into an external javascript file how can i call it from the inline code.

 <asp:Label ID="lblSts" runat="server" Text= '<%# FormatStatus(Eval("StsId").ToString()) %>' >                                        
          </asp:Label>

My code behind :

    protected string FormatStatus(string Id)
    {
        string formatText = string.Empty;

        switch (int.Parse(Id))
        {
            case 0:
                formatText = "New";
                break;
            case 1:
                formatText = "Old";
                break;
          ..... 
        }

        return formatText;
    }

greatromul · Accepted Answer · 2011-10-07 00:37:37Z

JavaScript function can be called by any event only. If you want to run js function as initial method you can use window.onload. So, you can create global javascript array in your page and fill it with id values from c# behind code and call formatStatus on window.load:

if (!Page.ClientScript.IsStartupScriptRegistered("preloadArray" + this.ClientID))
{
      string script = "<script type='text/javascript'> ";
      for (int i = 0; i < ...; i++)
      {
           script += "arr.push("+i.ToString()+");";
      }
      script += "formatStatus('" + gvAdminActiveAsgnments.ClientID + "');";            
      script += "</script>";

      Page.ClientScript.RegisterStartupScript(this.GetType(),
            "preloadArray" + this.ClientID, script);
 }

(you can use Page_Load or ItemDataBound handler)

Then you should write function, which take one argument with id of grid:

function formatStatus(id){
 var table = document.getElementById(id);
 var rows = table.getElementsByTag('TR');
 for(var i=0; i<rows.length;i++){
   //puts into label from table row result for arr[i]
 }
}

It will be invoked on page load for your table, which will rendered from asp:GridView. You can bind formatStatus to any event, e.g. click by some button. So, it will change labels.

Gilbert · Accepted Answer · 2011-10-07 01:51:39Z

1

You can try to do it this way, just make sure to include the external js file on top of the document.

 <asp:Label ID="lblSts" runat="server">
      <script type="text/javascript">
            document.write(FormatStatus('<%# Eval("StsId").ToString() %>');
      </script>                                       
 </asp:Label>

answered Oct 7, 2011 at 1:51

Gilbert

362 bronze badges

Collectives™ on Stack Overflow

calling a javascript function from the inlinecode aspx

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related