将C#字符串变量插入到ASP.NET代码后面的Javascript警报中

时间:2013-05-06 20:57:39

标签: c# javascript asp.net

我正在使用Gridview,其中包含一些文本框和一个下拉框。当用户点击一行(文本框或DDL)时,我想弹出一个Javascript警报,告诉他们行号是什么。当用户点击其中一个文本框时,我可以触发一个事件,但我无法告诉他们警报中的哪一行,因为我似乎无法弄清楚如何将C#变量放入Javascript中警报。

这是我尝试过的:

public void gv_instruments_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
       TextBox txtBox1 = (TextBox)e.Row.FindControl("txt_partNumbers");
       if (txtBox1 != null)
       {
           txtBox1.Attributes.Add("onclick", "javascript:alert('Message')"); //works

           Int32 selectedRow = e.Row.RowIndex;//get row index number
           string message = "You've selected row: " + selectedRow.ToString();
           message = "javascript:alert('" + message + "')";

           //txtBox1.Attributes.Add("onclick", message); //doesn't work 

           string title = "title";
           //ScriptManager.RegisterStartupScript(Page, Page.GetType(), 
                title, "alert('" + message + "');", true); //doesn't work

           //ScriptManager.RegisterClientScriptBlock(Page,Page.GetType(), 
                title, "alert('" + message + "');",true); //doesn't work
            }
        }
    }

我在互联网上找到了使用"javascript:alert('" + message + "')";构造的页面,但它不起作用(或者至少我无法使其工作)。我一直小心双引号&单引号,我可以在调试器中看到看起来像是有效消息的内容(EG:javascript:alert('You've selected row: 0'),我也认为“你已经”中的撇号可能是问题所在,所以我删除了它并替换为“你有”,但这也不起作用。我可以开始工作的唯一结构是:

txtBox1.Attributes.Add("onclick", "javascript:alert('Message')");

我错过了什么?

5 个答案:

答案 0 :(得分:2)

如果您将javascript移到前端,您的代码将更加清晰。

以下是一个示例,如果您单击文本框,则会显示警告框。

enter image description here

<script type="text/javascript">
    function showMessage(id) {
        alert('You have selected row: ' + id);
    }
</script>        
<asp:GridView runat="server" ID="gv_instruments" 
    OnRowDataBound="gv_instruments_RowDataBound"
    AutoGenerateColumns="False">
    <Columns>
        <asp:BoundField HeaderText="Id" DataField="Id" />
        <asp:BoundField HeaderText="FirstName" DataField="FirstName" />
        <asp:BoundField HeaderText="LastName" DataField="LastName" />
        <asp:TemplateField HeaderText="Click Me">
            <ItemTemplate>
                <asp:TextBox runat="server" ID="txt_partNumbers">
                </asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

public class User
{
    public int Id { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
}

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        var collection = new List<User>()
            {
                new User {Id = 1, FirstName = "John", LastName = "Doe"},
                new User {Id = 2, FirstName = "Marry", LastName = "Doe"},
                new User {Id = 3, FirstName = "David", LastName = "Newton"},
            };

        gv_instruments.DataSource = collection;
        gv_instruments.DataBind();
    }
}

public void gv_instruments_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        var txtBox1 = (TextBox) e.Row.FindControl("txt_partNumbers");
        if (txtBox1 != null)
        {
            txtBox1.Attributes.Add("onclick", 
              string.Format("showMessage('{0}')", e.Row.RowIndex));
        }
    }
}

答案 1 :(得分:2)

试试这个

string noofrows = dt.Rows.Count.ToString();
string message = "alert('"+ noofrows +" rows found')";
ScriptManager.RegisterClientScriptBlock((sender as Control), this.GetType(),"alert", message, true);
return;

答案 2 :(得分:1)

可能它不起作用,因为第二条消息包含单引号。

"You've selected row: "
    ^

尝试写

"You&apos;ve selected row: "

答案 3 :(得分:0)

你的问题发生在“你已经”中的撇号(')。你应该逃避撇号并使用:“你选择了行:”

答案 4 :(得分:0)

您可以尝试在渲染时使用ItemIndex属性填充所有按钮,如下所示:

txtBox1.Attributes.Add(
    "onclick", 
    "javascript:alert('" + e.Item.ItemIndex.ToString() + "')"
    );

在您的示例中 8 行。