`
yyw84
  • 浏览: 78694 次
社区版块
存档分类
最新评论

JS实现DataGrid模板列和DetailsView中有多个Checkbox时只许选中一个

阅读更多

 问题的提出:必须保证多个CheckBox只能选中一个,使用Radio有点不合适,因为必须保证选择项可以全部不被选中
解决方法来源: http://gwazy.cnblogs.com/archive/2005/07/25/199765.html
谢谢boytomato分享经验 :)

今天在此基础上添加了解决在DetailsView控件下的方法,只是只是一点点改动,记录下来,以备下次使用

1、实现 DataGrid 模板列中有多个checkbox 时只许选中一个

// 实现 DataGrid 模板列中有多个checkbox 时只许选中一个
function change_check(temp)
{
    
var checks= temp.parentElement.parentElement.getElementsByTagName("input");
    
for (i=0;i<checks.length-1;i++)
    
{
        
if (checks[i]!=temp &&checks[i].checked)
        
{
            checks[i].checked
=!temp.checked ;
        }

    }

}

2、实现 DetailsView 模板列中有多个checkbox 时只许选中一个
实现 DetailsView 模板列中有多个checkbox 时只许选中一个
<!---->// 实现 DetailsView 模板列中有多个checkbox 时只许选中一个
function change_check1(temp)
{
    
var checks= temp.parentElement.parentElement.parentElement.getElementsByTagName("input");

    
for (i=0;i<checks.length-1;i++)
    
{
        
if (checks[i]!=temp &&checks[i].checked)
        
{
            checks[i].checked
=!temp.checked ;
        }

    }

}


3、使用方法:
<ItemTemplate>
                            
<asp:CheckBox id="User" Runat="server" onclick="change_check(this)"></asp:CheckBox>
                        
</ItemTemplate>
分享到:
评论

相关推荐

    在DataGrid中使用CheckBox,实现全选功能

    这个场景下,用户可能需要实现一个常见的功能,即在DataGrid中添加CheckBox,允许用户进行多选操作,尤其是全选功能。这篇博客“在DataGrid中使用CheckBox,实现全选功能”详细介绍了如何实现这一需求。 首先,我们...

    WPF中DataGrid里面的Checkbox实现单选

    WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现!本人也是项目需要写的一个功能11行代码实现此功能! 希望可以帮助到你们!

    WPF DataGrid合并单元格(模板列嵌套DataGrid)

    本教程将详细讲解如何在DataGrid中实现单元格的合并,以及如何在模板列中嵌套另一个DataGrid,尽管这种“合并”并非传统意义上的单元格合并,而是通过自定义布局来达到类似的效果。 首先,我们要明白,WPF DataGrid...

    DataGrid模板列自定义控件

    在WPF(Windows Presentation Foundation)开发中,DataGrid控件是一个强大的数据展示工具,它可以用于显示和编辑表格形式的数据。本教程将深入讲解如何利用DataGrid的模板列来自定义控件,并结合依赖属性进行数据...

    基于siverlight实现动态生成DataGrid模板列源码例子

    在这个特定的例子中,"基于Silverlight实现动态生成DataGrid模板列源码例子"是一个教程或项目,旨在教授如何在Silverlight应用中动态创建DataGrid的模板列。DataGrid是WPF和Silverlight中常用的数据展示控件,它允许...

    datagrid动态添加模板列

    它没有方法实现,但包含一个`InstantiateIn`方法,该方法在运行时用于在指定容器(如`DataGrid`的`Item`对象)中实例化模板。 3. **绑定字段名称** - 要绑定字段名称,你需要在`ItemTemplate`中使用`BoundField`或...

    Flex Datagrid checkbox实现

    在Flex Datagrid中实现复选框功能,主要是通过添加一个自定义的列renderer来完成。Renderer是Datagrid中的一个小部件,负责渲染每一行或每一列的数据。对于复选框,我们可以创建一个CheckBox类的实例,然后将其设置...

    向dataGrid中添加checkBox

    - **单选**:若要实现单选,我们需要添加一个附加属性(如`IsSelected`)到数据模型,并在选中一个CheckBox时取消其他所有CheckBox的选中状态。这通常通过数据绑定和MVVM模式来实现,或者在代码后面处理事件。 3. ...

    Flex DataGrid CheckBox 一个简单的全选

    例如,如果数据项有一个名为"isSelected"的字段,我们可以在初始化时将该字段设置为true或false,以控制CheckBox的默认选中或未选中状态。 三、设置CheckBox的可用状态 CheckBox的可用状态可以通过设置其enabled...

    DataGrid和AdvancedDataGrid CheckBox全选功能

    全选功能通常包括两个部分:一个CheckBox位于表格的头部,当用户点击它时,所有行的CheckBox会被选中或取消选中;另一个部分是每个数据行中的CheckBox,它们的选中状态应与全选CheckBox保持同步。以下是如何实现这个...

    DataGrid自定义列标题

    在.NET框架中,WPF(Windows Presentation Foundation)提供了一个强大的数据呈现控件——DataGrid,它用于显示和编辑网格形式的数据。在实际开发中,我们经常需要根据需求对DataGrid的列标题进行自定义,以增强界面...

    wpf-DataGrid-checkBox

    在这个特定的场景中,我们关注的是如何在DataGrid的表头添加一个复选框(checkbox),以实现多选功能。这在处理大量数据时非常有用,用户可以通过勾选表头的复选框来选择或取消选择所有行。 要实现这一功能,我们...

    MVVM实现WPF中DataGrid动态列与编辑器

    通过以上步骤,你就能在MVVM模式下实现一个功能完善的动态列和编辑功能的WPF DataGrid了。这种实现方式不仅保持了界面与逻辑的分离,也使得代码更加清晰和易于维护。在实际项目中,你还可以根据需求扩展功能,如排序...

    flex datagrid 标题栏添加 checkbox 和 数据行 checkbox 连动

    你可以创建一个新的类,继承自MXHeaderRenderer,并在这个类中添加一个CheckBox组件。然后,你需要覆盖`updateDisplayList()`方法,以确保复选框在正确的位置显示。同时,别忘了设置这个复选框的初始状态以及它的...

    WPF在dataGrid中添加CheckBox支持单选,多选,全选功能

    项目中用到DataGrid, 需要在第一列添加checkbox, 可以多选、全选。 其中涉及的概念DataTemplate, DataGridCellStyle, DataGridCellControlTemplate,Binding, OnPropertyChanged等。

    vs2003用CheckBox实现DataGrid的多行删除源码.rar

    4. **数据绑定和逻辑处理**:为了将CheckBox与DataGrid中的行关联,需要在数据绑定时为每行添加一个CheckBox。这通常在DataGrid的CellFormatting事件中完成。一旦用户选择了一些行,后台代码会遍历DataGrid,获取...

    flex Datagrid checkbox全选

    在Flex开发中,Datagrid是一种常用的组件,用于展示表格数据,而checkbox全选功能则是提高用户体验的一个重要特性。本文将详细讲解如何实现Flex Datagrid中checkbox的全选功能。 首先,我们要了解Flex Datagrid的...

    WPF_MVVM中DataGrid列中使用ComBox绑定

    例如,如果ComBox是用来选择某个实体的状态,那么ViewModel中可以有一个`Status`属性,用来存储选中的状态值,同时还有一个`SetStatusCommand`命令,当ComBox的SelectionChanged事件触发时,这个命令会被执行以更新...

    flex datagrid插入多列Checkbox应用实例

    通过以上步骤,我们成功地在Flex DataGrid中实现了多列复选框的功能,并解决了滚动时可能出现的混乱问题。这个实例对于需要用户批量选择的数据展示场景非常有用,同时也可以作为进一步定制的基础,比如添加复选框的...

    datagrid中编辑状态(editor)下一列嵌入多个控件

    根据上述代码,可以在`datagrid`的“地址信息”这一列中同时显示多个控件,如三个下拉框和一个文本输入框,用户可以在编辑状态下直接修改这些控件的内容。 #### 五、总结 通过自定义编辑器,我们可以实现在`...

Global site tag (gtag.js) - Google Analytics