Fancytree编辑扩展禁用aspx按钮点击

我有一个简单的aspx页面，有一个按钮和一个fancytree。Fancytree编辑扩展禁用aspx按钮点击

按钮单击事件在服务器端运行web方法以保存树内容。一切运行正常，我可以加载并保存在数据库中的信息。

我的问题是当我在树上使用编辑扩展。 Espacily当我按下Enter键保存节点的新标题时。回车键似乎禁用我的按钮后点击。有没有人在aspx页面上使用fancytree的编辑扩展？

我只是无法弄清楚为什么我的按钮点击不起作用后，我按回车确认新的节点标题。

谢谢。

下面是按钮：

<asp:Button ID="Button1" runat="server" Text="Save" OnClientClick="SaveTree()" />

这里是JavaScript：

//Save tree 
    function SaveTree() { 


     //Get information 
     var actid = getUrlVars()["activityid"]; 
     var name = $("#<%= txtName.ClientID %>"); 
     var desc = $("#<%= txtDescription.ClientID %>"); 
     var plantid = $("#<%= ddlPlant.ClientID %>"); 



     if (Page_ClientValidate()) { 
      var tree = $("#tree").fancytree("getTree"); 
      var d = tree.toDict(true); 
      var test = JSON.stringify(d); 
      $.ajax({ 
       type: "POST", 
       url: "EditTree.aspx/SaveTree", 
       data: "{treeData:'" + test + "',name:'" + name.val() + "',desc:'" + desc.val() + "',actid:'" + actid + "'}", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       success: function (msg) { 
        alert(msg.d); 
        window.location = "Default.aspx?plantid=" + plantid.val(); 
       } 
      }); 
     } 

    }

这里是树：

$(function() { 


     var me = getUrlVars()["activityid"]; 


     $("#tree").fancytree({ 

      ajax: { type: "GET", contentType: "application/json" }, 
      source: { url: "EditTree.aspx/GetTreeData", cache: false, data: { activityid: me } }, 

      activeVisible: true, 
      autoActivate: true, 
      autoScroll: true, 
      keyboard: true, 
      selectMode: 1, 

      extensions: ["edit", "dnd"], 

      edit: { 
       adjustWidthOfs: 4,    // null: don't adjust input size to content 
       inputCss: { minWidth: "3em" }, 
       triggerStart: ["f2"],   //l'édition se fait à partir de la touche F2 
       beforeEdit: $.noop,    // Return false to prevent edit mode 
       edit: $.noop,     // Editor was opened (available as data.input) 
       beforeClose: $.noop,   // Return false to prevent cancel/save (data.input is available) 
       save: $.noop,     // Save data.input.val() or return false to keep editor open 
       close: $.noop,     // Editor was removed 
      } etc...

来源

2017-04-11 Phil Richer

好吧，我刚刚发现点击事件总是被点击并且服务器端代码也在运行。问题似乎是ajax调用的成功。即使有很好的返回值，成功的javascript警报也不会显示，这可能是什么原因？ –

我找到了答案。 Ajax代表异步。所以对服务器端webmethod的调用一直在运行。但成功的戒备并不是因为我没有等待回应。我刚刚在ajax调用中添加了async：false，现在它正在工作。

$.ajax({ 
    async: false,   
    success: function(data) { 
     //alert... 
    } 
});

太棒了！

来源

2017-04-13 19:12:19

Fancytree编辑扩展禁用aspx按钮点击

回答

相关问题