Ajax更新面板不让javascript在表单服务器端工作吗？

Question

Whenever i try to call a javascript function from code behind file, it is not functional.

The root cause is Ajax update panel.

I have tried all the common solution like using ScriptManager.RegisterStartupScript and other but still not functional.

Below is my code:

 protected void GridView2_RowEditing(object sender, GridViewEditEventArgs e)
 {
     GridView gvTemp = (GridView)sender;
     gvUniqueID = gvTemp.UniqueID;               
     gvTemp.EditIndex = e.NewEditIndex;
     GridViewRow gvParentRow = gvTemp.Parent.Parent as GridViewRow;
     GridView parent = (GridView)gvParentRow.NamingContainer;
     int taskid = Convert.ToInt32(parent.DataKeys[gvParentRow.RowIndex].Value.ToString());
     var lstTaskSheets = (List<Entities.TaskSheetManagement>)Session["CurrentUserTaskSheets"];
     List<Entities.WorkDone> lstWorkdone = lstTaskSheets.Where(x=>x.TaskSheetId == taskid).SelectMany(c => c.WorkDones).ToList();              
     gvTemp.DataSource = lstWorkdone;
     gvTemp.DataBind();
     UpdatePanelGridView.Update();
     string id = "div"+ taskid.ToString();
     ScriptManager.RegisterStartupScript(this.Page,this.Page.GetType(), "Expand", "<script type='text/javascript'>expandcollapse('div" + taskid.ToString() + "','one');</script>",false);

     //  ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "message", "expandcollapse(" + id + ",alt)", false); //Ihave also tried this
 }

Javascript code is:

function expandcollapse(obj, row) {
    var div = document.getElementById(obj);
    var img = document.getElementById('img' + obj);

    if (div.style.display == "none") {
        div.style.display = "block";
        if (row == 'alt') {
            img.src = "../../img/minus.gif";
        }
        else {
            img.src = "../../img/minus.gif";
        }
        img.alt = "Close to view other Customers";
    }
    else {
        div.style.display = "none";
        if (row == 'alt') {
            img.src = "../../img/plus.gif";
        }
        else {
            img.src = "../../img/plus.gif";
        }
        img.alt = "Expand to show Orders";
    }
}

and update panel is used like

<asp:UpdatePanel ID="UpdatePanelGridView" runat="server" UpdateMode="Conditional" >

Anyone help please!!!

Answer 1

You don't need to use the <script> tags like below :

ScriptManager.RegisterStartupScript(this.Page,this.Page.GetType(), "Expand", "<script type='text/javascript'>expandcollapse('div" + taskid.ToString() + "','one');</script>",false);

Replace the arguement:

"<script type='text/javascript'>expandcollapse('div" + taskid.ToString() + "','one');</script>"

With below:

"expandcollapse('div" + taskid.ToString() + "','one');"

The ScriptManager is smart enough to append the script tags.

Hope this helps.