テキスト入力からの動的リンク

Question

テキスト入力とその下にリンクがあります（私はWebixを使用します） テキストフィールドにリンク（IPアドレス）の一部を入力してこのアドレスを適用しますリンクへ。

私は

elements:[ 
    { view:"text", label:'IP', name:"IPname", id:"IPid", value:"127.0.0.1" }, 
    { view:"template", height: 30, 
    template:"<span><a href='' onclick='"+window.open($$("IPid").getValue()+"'>Test link</a></span>" 
    }   
], 

を試みたが、この表記は動作しません（実際には、エラー "IPIDが定義されていない" を与える）

マイコードHere

はにどのような方法がありますこれを行う？

Answer 1

奇妙な問題のようさらなる活動 のために送るところに貼り付けた場合、私はwebixに非常に慣れていないんだけど、中window.openを置きます機能が働いた。また、正しい属性は 'click'ではなく 'onclick'であり、括弧が欠落していることを覚えておいてください。それをチェックアウトし、あまりにもそれらを修正：http://webix.com/snippet/e4e236b9

webix.ui({ 
    rows:[ 
    { 
     id:"form1", view:"form", scroll:false,    
     elements:[ 
     { view:"text", label:'IP', name:"IPname", id:"IPid", value:"127.0.0.1" }, 
     { view:"template", height: 30, 
     template:"<span><a href='' onclick='fixLink()'>Test link</a></span>" 
     }   
     ], 
     width: 320, 
     elementsConfig:{   
     labelPosition: "top",   
     } 
    }  
    ]  
}); 

<script> 
function fixLink(){ 
    window.open('http://'+$$("IPid").getValue()); 
} 
</script> 

Answer 2

について宣言IDがどのコントロールでも使用されていないため、エラー「IPid」が定義されていません。スペルミスをしている可能性があります。すべてのこれは、このコード

$("#YoutextBoxID").val(); 

罰金試みであり、あなたの要求はこのclick='"/*+window.open($("#YoutextBoxID").val()*/+"'

Answer 3

これを試してみてください、私はこれは私が間違っている場合は、私を修正してください、あなたを助けたりしませんかどうかわかりません。

webix.ui({ 
    rows:[ 
     { 
      id:"form1", view:"form", scroll:false,    
      elements:[ 
       { view:"text", label:'IP', name:"IPname", id:"IPid", value:"127.0.0.1" }, 
       { view:"template", height: 30, 
        template:"<span><a href='' id='anId' click='"/*+window.open($$("IPid").getValue()*/+"'>Test link</a></span>" 
       }   
      ], 
      width: 320, 
      elementsConfig:{ 
       labelPosition: "top",   
      } 
     }  
    ]  
}); 

func1(); 
function func1() { 
    document.getElementById("anId").setAttribute("href",$$("IPid").getValue()); 
    var abc = document.getElementById("anId").getAttribute("href"); 
} 
window.onload=func1;