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

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>
分享到:
评论

相关推荐

    WPF中DataGrid里面的Checkbox实现单选

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

    基于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类的实例,然后将其设置...

    Flex DataGrid CheckBox 一个简单的全选

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

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

    WPF中的DataGrid合并单元格,模板列内嵌套DataGrid,非真正合并

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

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

    DataGrid自定义列标题

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

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

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

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

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

    DataGrid模板列自定义控件

    DataGrid模板列自定义控件使用,依赖属性的绑定

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

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

    WPF_MVVM中DataGrid列中使用ComBox绑定

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

    flex datagrid插入多列Checkbox应用实例

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

    flex datagrid 嵌套checkbox实现全选

    全选功能通常由一个独立的复选框控制,当用户点击这个复选框时,所有DataGrid中的子复选框都会被选中或取消选中。实现这一功能需要监听全选复选框的事件,然后遍历DataGrid的所有行,设置对应的子复选框的状态。 4...

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

    easyui中,datagrid控件中编辑状态(editor)下一列嵌入多个控件的实现方式,详见文件。

    JS操作CheckBox控件

    在提供的代码片段中,DataGrid控件用于展示数据,每个数据项前面都配有一个CheckBox。DataGrid的模板列`&lt;asp:TemplateColumn&gt;`用于自定义列的呈现方式,`&lt;asp:CheckBox&gt;`控件则被用来创建复选框,而`&lt;asp:Label&gt;`...

    flex datagrid checkbox实现源码

    以上就是关于“flex datagrid checkbox实现源码”的主要知识点,理解并掌握这些内容将有助于在实际项目中实现灵活、稳定且高效的多选功能。通过对源代码的学习和研究,可以深入理解Flex DataGrid的内部工作机制,...

    向dataGrid中添加checkBox

    实现了向dataGrid中添加checkBox的功能,可以支持多选,单选,全选。

    Flex4 带checkbox的DataGrid

    其中包含一个三种状态的checkbox,DataGrid代码中引用了 带多选框的DataGrid(AdvancedDataGrid) 表头有全选CheckBox,三种状态:全选、部分选择、无选择 如果改变目录结构,需要在CustomCheckBox.mxml中更改inner....

Global site tag (gtag.js) - Google Analytics