jquery验证器中的GetOrgChart值没有更新

GetOrgChart value not updating in jquery validator

本文关键字：更新 GetOrgChart 验证 jquery      更新时间：2023-09-26

我正在尝试更新GetOrgChart中的元素，为此我正在执行以下操作

<form id="one">
    <input type="text" name="aaa">
    <input type="text" name="bbb">
    <input type="submit" name='submitform' value="submit">
</form>
<br> 
<div id="people"></div>
JavaScript

var oneForm = $("#one");
$("#people").getOrgChart({  
        clickEvent: function( sender, args ) {
            alert('args.id value outside validate '+args.id);
            oneForm.show();
            oneForm.validate({
                 // to add new area for team
                 rules: {
                     aaa: {
                         required: true,
                         minlength: 3
                     },
                     bbb: {
                         required: true,
                         minlength: 3
                     }
                 },
                 submitHandler: function (form) {
                     alert('args.id value inside validate '+args.id);
                     oneForm.hide();
                     return false;
                 }
             })
            //return false; //if you want to cancel the event
        },
         primaryColumns: ["Name", "Type"],
         linkType: "M",
         editable: false,
         zoomable: false,
         movable: true,
         gridView: true,
        dataSource: [
            { id: 1, parentId: -1, Name: "Amber McKenzie", Title: "CEO", Address: "MyAddress"},
            { id: 2, parentId: 1, Name: "Ava Field", Title: "CTO", Phone: "+359 888 888 888"},
            { id: 3, parentId: 1, Name: "Evie Johnson", Title: "CFO", Car: "BMW"}]
    });

现在点击图表元素然后提交表单你会看到

第一次点击

后validate功能的args.id

值没有改变

JsFiddle

你的问题似乎是变量"args"的作用域。

变量"born"在clickEvent上调用的匿名函数中，它只存在于该事件中。

submitHandler是由另一个内部函数管理的处理程序;所以它在clickEvent的作用域之外。

因此，解决方案是声明(在两个函数之外都有一个具有页面作用域的变量)。然后，单击事件，将args的id分配给它。通过这种方式，你也可以在submit事件中使用它。

总之(我加了"//——"行):

var oneForm = $("#one");
var globalArgsId; //--- Declare "global" variable
$("#people").getOrgChart({  
        clickEvent: function( sender, args ) {
            alert('args.id value outside validate '+args.id);
            globalArgsId = args.id; //--- Write value to global variable
            oneForm.show();
            oneForm.validate({
                 // to add new area for team
                 rules: {
                     aaa: {
                         required: true,
                         minlength: 3
                     },
                     bbb: {
                         required: true,
                         minlength: 3
                     }
                 },
                 submitHandler: function (form) {
                     alert('args.id value inside validate '+args.id);
                     alert('args.id value inside validate '+globalArgsId); //--- Access to global variable
                     oneForm.hide();
                     return false;
                 }
             })
            //return false; //if you want to cancel the event
        },
         primaryColumns: ["Name", "Type"],
         linkType: "M",
         editable: false,
         zoomable: false,
         movable: true,
         gridView: true,
        dataSource: [
            { id: 1, parentId: -1, Name: "Amber McKenzie", Title: "CEO", Address: "MyAddress"},
            { id: 2, parentId: 1, Name: "Ava Field", Title: "CTO", Phone: "+359 888 888 888"},
            { id: 3, parentId: 1, Name: "Evie Johnson", Title: "CFO", Car: "BMW"}]
    });

希望它能帮助…:)

相关文章：