Question

我访问了Calling java script from codebehind以及其他一些用户标记为重复的问题。但具体到我的问题，没有一个是有用的。

我有一个已经构建的CMS，我需要更改使用用户控件构建的模块之一。我无法在runat="server"和form标记中添加head属性。

我有一个

 <asp:GridView ID="gdvResxKeyValue" runat="server" Width="100%"AutoGenerateColumns="False">`</asp:GridView>`

和

<asp:TreeView ID="tvList" ShowLines="True" runat="server" ImageSet="Msdn"  OnSelectedNodeChanged="tvList_SelectedNodeChanged">
                    <SelectedNodeStyle CssClass="sfSelectednode" />
                </asp:TreeView>

gdvResxKeyValue绑定，而在树视图中选择节点，即。

protected void tvList_SelectedNodeChanged(object sender, EventArgs e)
{
    gdvResxKeyValue.DataSource = lstResDef;
    gdvResxKeyValue.DataBind();
    this.Page.ClientScript.RegisterStartupScript(this.GetType(),LocalizationGlobalVariable5", string.Format("edition();"), true);
}

在gdvResxKeyValue的最后一栏，我有一张图片

<asp:TemplateField>
       <ItemTemplate>
            <asp:Image ID="imgEditResxValue" CssClass="sfEdit" runat="server" ImageUrl="~/Administrator/Templates/Default/images/imgedit.png" />
       </ItemTemplate>                            
</asp:TemplateField>

我需要使用javascript使用jquery-1.9.1.js的缩小版本的图像点击处理程序。所以编写代码为..

<script type="text/javascript">


//<![CDATA[
$.Localization = {
    TextAreaID: 0,
    FilePath: "",
    ID: 0,
    GridID: '<%=gdvResxKeyValue.ClientID%>'
};
function edition() {
    $('#'+ $.Localization.GridID).on('click', 'img[class="sfEdit"]', function () {
        var index = $(this).attr("alt");
        $.Localization.ID = index;
        var data = $('#' + $.Localization.GridID + ' textarea[title="' + index + '"]').val();
        $('#txtResxValueEditor').val(data);
        ShowPopUp("editorDiv");
    });
}
</script>

但它不起作用。

Answer 1

尝试将网格放到div包装器中：

<div id="myDiv">
....<asp:GridView ID="gdvResxKeyValue"....
</div>

和JavaScript：

$('#myDiv .sfEdit').click(function(){
  alert('called');
});

编辑：刚刚注意到你在每次回发时调用启动脚本注册（树视图的Change事件）。这不是必需的。只需包含您的JavaScript文件，例如：

$(document).ready(function(){
  $('#myDiv .sfEdit').click(function(){
      var imgId = $(this).attr('id');
      alert('called ' + imgId);
    });
});

并将gridview保存在div包装器中，如上所述。

Answer 2

在点击图片时调用javascript方法。在文档的准备就绪上，我编写了以下代码，最终解决了我的问题。

  $(document).on('click', "#" + $.Localization.GridID + ' img.sfEdit', function (e) {
    var index = $(this).attr("alt");
    $.Localization.ID = index;
    var data = $('#' + $.Localization.GridID + ' textarea[title="' + index + '"]').val();
    $('#txtResxValueEditor').val(data);
    ShowPopUp("editorDiv");
    e.preventDefault();
});

从后面的代码调用Javascript方法

2 个答案: