JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)

时间:2022-12-04 15:04:54

JQuery是一个非常强大的JavaScript Framework,用它可以更方便的查找,操作html元素。尤其是提供了ready事件,从此不再为body的onload事件而郁闷不已。现在介绍一下用法:

MultiSelect : function(container, header, item, target)
当点击checkbox时调用这个方法,其中参数
container:容器的ID,如果使用母版页请用ClientID
header:HeaderTemplate中全选checkbox的ID
item:ItemTemplate中的checkbox,包括id(checkbox的ID),key(关键字属性,一般使用checkbox的title属性),type(关键字类型,设置number表示数字,否则表示字符)
target:存放所选checkbox的控件,一般使用HiddenField

Refresh : function(container, header, item, target)

分页时刷新checkbox的选择状态,参数同上

示例如下:

JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)$(
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)        
function ()
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)        
{
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)            $().Refresh(
"GridView1""Header"{id: "Item", key: "title", type: ""}"ID");
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)            
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)            $(
"input[@type='checkbox']").click(
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                
function()
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                
{
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                    $(
this).MultiSelect("GridView1""Header"{id: "Item", key: "title", type: ""}"ID");
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                }
);
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)        }
);
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)
< asp:GridView ID = " GridView1 "  runat = " server "  AutoGenerateColumns = " False "  DataKeyNames = " CategoryID "
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                DataSourceID
= " SqlDataSource1 "  AllowPaging = " True "  PageSize = " 5 " >
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                
< Columns >
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                    
< asp:TemplateField >
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                        
< HeaderTemplate >
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                            
< input id = " Header "  type = " checkbox "  title = " 全选 "   />
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                        
</ HeaderTemplate >
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                        
< ItemTemplate >
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                            
< input id = " Item "  type = " checkbox "  title = " <%# Eval( " CategoryID " ) %> "   />
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                        
</ ItemTemplate >
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                    
</ asp:TemplateField >
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                    
< asp:BoundField DataField = " CategoryID "  HeaderText = " CategoryID "  InsertVisible = " False "
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                        ReadOnly
= " True "  SortExpression = " CategoryID "   />
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                    
< asp:BoundField DataField = " CategoryName "  HeaderText = " CategoryName "  SortExpression = " CategoryName "   />
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                    
< asp:BoundField DataField = " Description "  HeaderText = " Description "  SortExpression = " Description "   />
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)                
</ Columns >
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)            
</ asp:GridView >
JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)
< asp:HiddenField ID = " ID "  runat = " server "   />


/Files/Zane/MultiSelect.rar