1 
$('#bulk_delete_id').live('click',function(e){            
            e.preventDefault();            
            var selectedrows = grid.getSelectedRows();            
            var len = selectedrows.length;        
            if(len == 0){                
                alert('Select atleast one row!');
            }else{                
                var r = confirm('Are you sure want to delete selected data?');   
                if(r){  
                    var i;
                    var longIdList = new Array();                    
                    for(i=0;i<len;i++){                        
                        var d = grid.getData().getItem(selectedrows[i]);                         
                        if(d != null && d != 'undefined'){
                            var longId = d.id;                               
                            longIdList.push(longId);                                                    
                        }
                    }  

                    if(longIdList != null){
                        $.each(longIdList, function(index){
                            dataView.deleteItem(longIdList[index]);                                     
                        });
                        refreshcount();
                        grid.setSelectedRows([]);
                        grid.invalidate();                                
                        grid.updateRowCount();
                        grid.render();
                        $.post(base_url+'databrowser/deleteAnantData',{                
                            'longIds' : longIdList,
                            'objlongId': $('.class_list li a.selected').attr('id'),
                            'applongId':applongId
                        },function(response){   
                            var res = jQuery.parseJSON(response);
                            $('#msg').css('display','block');
                            $('#msg').html(res.data.message);
                            $('#msg').fadeOut(5000);                            
                            if(res.code == 0)
                            {                                
                                $('#msg').addClass("dbfailureMessage");                               
                            }
                            else
                            {                                
                                $('#msg').addClass("dbsuccessMessage");                            
                            }                            
                        });                             
                    }                    
                }
            }
        });

HTML コード :

<table class="tablesorter" border="0" cellpadding="0" cellspacing="1">
    <tbody>
        <tr class="headerobj">
            <td><h4>Anant Objects</h4></td>
            <td><div class="utility"><div class="right_section">
                        <div class="pagination">
                            <a class="right inactive" data-action="next">
                                <div></div>
                            </a>
                            <a class="left inactive" data-action="back">
                                <div></div>
                            </a>
                        </div>                       
                    </div>

                    <div class="left_section">

                        <input type="button" class="new_row thickbox" alt="#TB_inline?height=450&width=450&inlineId=addrowContainer" value="+ Row" /> 
                        <button id="bulk_delete_id">- Row</button>                        
                        <input type="button" class="new_field thickbox" alt="#TB_inline?height=450&width=450&inlineId=fieldsContainer" value="Add Field" /> 
                        <input type="button" class="drop_field thickbox" value="delete Field" alt="#TB_inline?height=450&width=450&inlineId=dropfieldsContainer" />
                        <div class="dropdown_container">
                            <button class="more">More<span class="arrow"></span></button>
                            <div class="dropdown" style="display: none;">
                                <ul>
                                    <li><button class="drop">Drop Object</button></li>
                                    <li><button class="deleteAll">Delete All</button></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div></td>
        </tr>
        <tr class="nonheader">
            <td class="classes">
                <div class="classes_header">
                    <ul class="class_list">
                        <?php $i = 0;
                        foreach ($anantObjects as $row)
                        { ?>
                            <li><a href="#" id="<?php echo $row['longId']; ?>" class="<?php if ($i == 0) {
                                echo "selected";
                            } ?>">
                                    <div class="name"><?php echo $row['objectName']; ?></div>
                                    <span class="count"><?php echo $row['count']; ?></span>
                                </a></li>
    <?php $i++;
} ?>
                    </ul>
                    <div class="class_utility">                                                
                        <input type="button" id="btnImport" class="thickbox" value="Import" alt="#TB_inline?height=450&width=450&inlineId=importContainer"/>
                        <input type="button" id="btnExport" value="Export" />
                    </div>
                </div>    
            </td>
            <td class="class_data">
                <div id="gridData"></div>
            </td>
        </tr>
    </tbody>
</table>

データ表示に滑らかなグリッドを使用しています。チェックされた行を滑らかなグリッドとサーバーから削除するための削除ボタンがあります。行を選択した後に削除ボタンをクリックすると。行は正常に削除されましたが、クリック イベント関数全体が複数回実行されています。選択した行の長さを再度確認し、「少なくとも 1 行を選択してください!」というアラートを表示します。繰り返し。私は間違いを認識できません。誰かが私を助けてください。

4

1 に答える 1

1

イベント ハンドラが複数回バインドされているようです。ライブイベントを使用しているので、削除ボタンが動的に追加されている必要があると思いますか? もしそうなら、おそらくそれが問題です - 削除ボタンがページに追加されるたびに、新しいイベント ハンドラーがそれにバインドされます。ライブイベントの代わりにこれを試してください：

$('div.left_section').unbind('click').on('click', '#bulk_delete_id', function(e) {
   // event handler code goes here
于 2013-02-22T20:06:54.257 に答える