2009-05-25 5 views
2

javascriptからaspxページのvb.net関数を呼び出す方法を見つける必要があります。 .dropクラスを.droppableにするJquery関数があります。ドロップターゲットに.draggableをドロップすると、Jqueryコードが正常にJavaアラート文を実行します。純粋なjavascriptのすべて。私がする必要があるのは、重い数学です!JavaScriptからVB.net関数を呼び出す

私は、JavaScriptがクライアント側に存在し、ASP/VBがサーバ側に存在し、2人が決して会わないことを理解しています。 Googleのリサーチからは、私が必要とするものを得るための理想的な方法のように思えます。私の更新パネルで非同期のポストバックを引き起こすことです。私は "HiddenButton"という隠しボタンを作成し、 "HiddenLabel"という隠しラベルも作成しました。どのように私は何かをドロップすると、私のjavascriptは何かをHiddenLabel(それで私は値をサーバー側に渡すことができます)を更新する何かを呼び出すと、何とかHiddenButton_clickイベントを発射するように動作するようになるのですか?

私の現在のjavascriptの良さは、次のようになります。

<script type="text/javascript"> 
    $(document).ready(function() { 
doReady(); 

var prm = Sys.WebForms.PageRequestManager.getInstance(); 
prm.add_endRequest(function(s, e) { 
    doReady(); 
}); 
}); 

function doReady() { 

$('.drag').draggable({ revert: true, helper: 'clone' }); 
$('.drop').droppable({ 
    tolerance: "touch", // Here should be a string 
    drop: function() { alert('dropped'); } 

私は何かがラベルを更新し、ポストバックをトリガーするために行くために必要だと思います場所ですが、私はそれが何であるかわからない:(あなたのJSで__doPostBackを呼び出す

}); 

} // End of do ready 
</script> 
+0

__doPostBackの代わりにWebForm_DoPostBackWithOptions javascript関数を使用することもできます。 – Kirtan

答えて

3

あなたは私たちにできますe隠し変数のOnValueChangedイベント。そのイベントを終了し、隠し変数の値を変更してこのステートメントを作成します。

__doPostBack('<%= hdnHidden.UniqueID %>', ''); //This statement will fire the OnValueChanged event and the control will be moved to the server side where you can update the label and do your processing. 
+0

これは機能しました!私はこれに私のjavascript行を更新しました: drop:function(){__doPostBack( '<%= HiddenButton.UniqueID%>'、 ''); } 今私は自分のサイトでより多くの作業を行う方法を理解する必要がありますが、これが必要なのです! –

1

は、ページのポストバックが発生します。

function __doPostBack(eventTarget, eventArgument) { ... } 
+0

私はこれに私のjavascriptを変更し、今ドラッグ機能が壊れていますか?関数doReady(){ $( '。drag')。draggable({revert:true、ヘルパー: 'clone'}); $( '。drop')。droppable({ 許容値: "touch"、//ここは文字列でなければなりません。drop:function(){alert( 'dropped');} drop:function(){__doPostBack HiddenButton_Click、 '')}} }); } //終了する準備ができました –

関連する問題