2011-01-15 24 views
2

asp.netページでJavaScriptコントロールを実装する際にいくつか問題があります。いくつかのaspボタンコントロールに基づいて変数の値を取得したいと思います。次に、これらのボタンをどのようにクリックしたかに基づいてそれらのボタンを操作します。でも、私はいくつかの問題を抱えている:JavaScriptとASP .NETの問題

  1. 私は定義し、すべての私の変数がnullとして戻ってくるので、私は、オンロードイベントを実行することはできませんヌル
  2. として戻って来ているに価値を与える任意のグローバル変数を。
  3. javascriptが何らかの理由でコントロールを表示できないため、visible = "false"というasp.netタグは使用できません。
  4. javascriptのstyle.visibility = "visible"は実際にはボタンがどこにあるかを見ることができるので実際には機能しません。表示されません。

ここに私のコードです。 TL、DRは、条件付きでロード時にjs経由でボタンを表示/非表示にし、別のボタンクリックでボタンを表示/非表示する動作を実行したいと思っています。グローバル変数はテスト時に "null"を返すため、スコープの問題であることはわかっていますが、その問題とオンロードの問題の回避策はよくわかりません。ありがとう!

var btnEdit = document.getElementById("<%= cmdEdit.ClientID %>"); 
var btnSave = document.getElementById("<%= cmdSave.ClientID %>"); 
var btnCanvel = document.getElementById("<%= cmdCancel.ClientID %>"); 
var btnConfirm = document.getElementById("<%= cmdConfirm.ClientID %>"); 


function HideEdit(){ 

    $(btnEdit).hide(); 
    $(btnSave).show(); 
    $(btnCancel).show(); 
    $(btnConfirm).hide(); 

    document.getElementById("<%= pnlWhy.ClientID %>").style.visibility = "visible"; 
    document.getElementById("<%= pnlRequest.ClientID %>").style.visibility = "visible"; 
} 

function testme() { 
alert(btnEdit) 

} 
function loadpage(newwine){ 

    if (newwine==true){ 
     $(btnEdit).hide(); 
     $(btnSave).show(); 
     $(btnCancel).show(); 
     } 
    else{ 
     $(btnEdit).show(); 
    } 
$(btnConfirm).hide(); 
} 

答えて

2

jQueryを使用しているようですが、タグでは言及していません。とにかく、おそらく起こっているのは、ページ要素が実際に存在する前にコードが実行されているということです。その場合、グローバル参照はnullになります。実際に彼らはnullを開始します。

あなたはjQueryのを使用している場合は、単に「準備完了」ハンドラにコードを置く:あなたはjQueryの経由要素が見つからないのはなぜ

$(function() { 
    // all your code here 
}); 
+0

jQueryを使用しています。それを残して申し訳ありません。だから私は準備ができたハンドラですべてを動かすことができ、それはページが「準備ができている」ときにそれを蹴飛ばすでしょう。それは岩、ありがとう! – user576838

0

?それはより便利です。また、jQueryメソッド.addClass(http://api.jquery.com/addClass/)メソッドを使用してスタイルクラスを設定または削除することもできます。あなたが1回のクリック後にネッドした場合、可視性がtrueに設定され、別のクリックの後に可視性がfalseに設定されている場合jQuery .toggle jQueryメソッド(http://api.jquery.com/toggle/

関連する問題