GridView动态删除行,该如何处理
日期：2014-05-17 浏览次数：20687 次
GridView动态删除行
搜了一大堆，没我想要的。我想实现在gridview中点击一行，按住shift，再点击任意一行，再点击删除按钮，整个范围的行都将被删除，我不是要全选删除那种。
谢谢。
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
SHift+鼠标 你还不是一个一个点的，
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
用js取行标识:
[1]先保存单独click的行标,
[2]如果shift + click (判断shift键的keycode), 取到这次click的行标.
[3]2个行标对比,判断区间方向, 遍历区间行,保存选中的行标, 点[删除]时在后台删除
------解决方案--------------------
JS实现shift + click
搜了一大堆，没我想要的。我想实现在gridview中点击一行，按住shift，再点击任意一行，再点击删除按钮，整个范围的行都将被删除，我不是要全选删除那种。
谢谢。
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
SHift+鼠标 你还不是一个一个点的，
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
用js取行标识:
[1]先保存单独click的行标,
[2]如果shift + click (判断shift键的keycode), 取到这次click的行标.
[3]2个行标对比,判断区间方向, 遍历区间行,保存选中的行标, 点[删除]时在后台删除
------解决方案--------------------
JS实现shift + click
- JScript code
<html>
<head>
<script type="text/javascript" src="http://localhost/mycenter/js/jquery-1.4.min.js"></script>
<script type="text/javascript">
// 单选
function single_click(){
$("body *").click(function(e){
$(".selected").removeClass("selected");
$(e.target).addClass("selected");
});
}
// 多选
function shift_click(){
// 这里怎么写？只要按shift 再左键单击就能多选一个.selected
}
$(function(){
single_click();
shift_click();
});
</script>
<style type="text/css">
.selected{background:green;}
</style>
</head>
<body>
<p>I am p</p>
<span>I am span</span>
<div> I am div</div>
</body>
</html>
------解决方案--------------------
- HTML code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
tr.selected { background: blue; color: white} /* 选中的行用蓝底白字显示 */
</style>
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
<!-- 隐藏域存放选中的行号，用逗号隔开 -->
<asp:HiddenField ID="SelectedRows" runat="server" EnableViewState="false" />
<script type="text/javascript">
$(function() {
var $gv = $('#GridView1'), $rows = $('#SelectedRows'); // GridView和SelectedRows控件
var headerRows = <%= GridView1.ShowHeader? 1 : 0 %>; // 标题行数
$gv.find('tr').click(function(evt) {
$gv.find('tr').removeClass('selected');
if (!evt.shiftKey || !$rows.val()) {
$(this).addClass('selected');
$rows.val(this.rowIndex - headerRows);
}
else {
var first = Number($rows.val().split(',')[0])+headerRows, last = this.rowIndex, rows = [];
for (var i = 0, index = first; i <= Math.abs(first - last); i++) {
$gv.find('tr:eq(' + index + ')').addClass('selected');
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
